Recognised as Colour
#E4D689
- #E4D689
- Yellow
- Light
- Nearest: Khaki
#E4D689 is a yellow with RGB values 228, 214, 137 and HSL 51°, 63%, 72%. It is a light colour, so black text on it reaches 14.3:1 contrast (AAA for normal text). The nearest named colour is Khaki.
Colour values
#E4D689#E4D689
HEX#E4D689
RGBrgb(228, 214, 137)
RGB (0–1)0.8941, 0.8392, 0.5373
RGB percentages89.4%, 83.9%, 53.7%
HSLhsl(50.8, 62.8%, 71.6%)
HSV / HSBhsv(50.8, 39.9%, 89.4%)
CMYK0%, 6.1%, 39.9%, 10.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,997,129
CSS custom property--colour: #E4D689;
Brightness & contrast
Relative luminance0.66393WCAG 2.x, 0 is black and 1 is white
Perceived brightness211.1 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 14.28:1
Contrast with white1.47:1WCAG normal text: Fail
Contrast with black14.28:1WCAG normal text: AAA
Greyscale equivalent#D3D3D3
Inverted#1B2976
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.47:1WCAG large text: Fail
Contrast with black, large text14.28:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#8997E4
Analogous#E4A889, #C4E489
Triadic#89E4D6, #D689E4
Split complementary#89C5E4, #A889E4
Tetradic#89E4A8, #8997E4, #E489C5
Tints, shades & saturation
Channel breakdown
R228
G214
B137
Red228 (89.4%)
Green214 (83.9%)
Blue137 (53.7%)
Hue50.77°
Saturation (HSL)62.76%
Lightness71.57%
Dominant channelRed
Hex per channelR E4 · G D6 · B 89
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page