Recognised as Colour
#E2DD56
- #E2DD56
- Yellow
- Light
- Nearest: Khaki
#E2DD56 is a yellow with RGB values 226, 221, 86 and HSL 58°, 71%, 61%. It is a light colour, so black text on it reaches 14.7:1 contrast (AAA for normal text). The nearest named colour is Khaki.
Colour values
#E2DD56#E2DD56
HEX#E2DD56
RGBrgb(226, 221, 86)
RGB (0–1)0.8863, 0.8667, 0.3373
RGB percentages88.6%, 86.7%, 33.7%
HSLhsl(57.9, 70.7%, 61.2%)
HSV / HSBhsv(57.9, 61.9%, 88.6%)
CMYK0%, 2.2%, 61.9%, 11.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,867,798
CSS custom property--colour: #E2DD56;
Brightness & contrast
Relative luminance0.68554WCAG 2.x, 0 is black and 1 is white
Perceived brightness211.6 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 14.71:1
Contrast with white1.43:1WCAG normal text: Fail
Contrast with black14.71:1WCAG normal text: AAA
Greyscale equivalent#D4D4D4
Inverted#1D22A9
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.43:1WCAG large text: Fail
Contrast with black, large text14.71:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#565BE2
Analogous#E29756, #A1E256
Triadic#56E2DD, #DD56E2
Split complementary#56A1E2, #9756E2
Tetradic#56E297, #565BE2, #E256A1
Tints, shades & saturation
Channel breakdown
R226
G221
B86
Red226 (88.6%)
Green221 (86.7%)
Blue86 (33.7%)
Hue57.86°
Saturation (HSL)70.71%
Lightness61.18%
Dominant channelRed
Hex per channelR E2 · G DD · B 56
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Nerdulate something else
Nothing in mind? Surprise me · today’s page