Recognised as Colour

#D1E04F

#D1E04F
Yellow
Light
Nearest: Yellow green

#D1E04F is a yellow with RGB values 209, 224, 79 and HSL 66°, 70%, 59%. It is a light colour, so black text on it reaches 14.5:1 contrast (AAA for normal text). The nearest named colour is Yellow green.

Colour values

#D1E04F#D1E04F

HEX#D1E04F

RGBrgb(209, 224, 79)

RGB (0–1)0.8196, 0.8784, 0.3098

RGB percentages82%, 87.8%, 31%

HSLhsl(66.2, 70%, 59.4%)

HSV / HSBhsv(66.2, 64.7%, 87.8%)

CMYK6.7%, 0%, 64.7%, 12.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,754,447

CSS custom property--colour: #D1E04F;

Brightness & contrast

Relative luminance0.67431WCAG 2.x, 0 is black and 1 is white

Perceived brightness207.9 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 14.49:1

Contrast with white1.45:1WCAG normal text: Fail

Contrast with black14.49:1WCAG normal text: AAA

Greyscale equivalent#D2D2D2

Inverted#2E1FB0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#EFD53Bno red cones; affects about 1% of men; ΔE 18.5 from the original

Deuteranopia#EED859no green cones; the most common form, about 1% of men; ΔE 16.7 from the original

Tritanopia#DED4C2no blue cones; rare, and affects men and women equally; ΔE 61.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.45:1WCAG large text: Fail

Contrast with black, large text14.49:1WCAG large text: AAA

Named colours

Yellow green · ΔE 17.2 Khaki · ΔE 26.3 Gold · ΔE 29.8 Yellow · ΔE 30.2 Dark khaki · ΔE 33.3 Green yellow · ΔE 33.4

Nearest named CSS colourYellow green (#9ACD32)ΔE 17.23, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#5E4FE0

Analogous#E0A64F, #89E04F

Triadic#4FD1E0, #E04FD1

Split complementary#4F88E0, #A74FE0

Tetradic#4FE0A7, #5E4FE0, #E04F88

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FEFFFC

Lighter +30%#F3F7D1

Lighter +20%#E8EFA6

Lighter +10%#DCE87A

Darker −10%#C4D626

Darker −20%#9CAB1E

Darker −30%#758016

Darker −40%#4D540F

More saturated +25%#E6FA35

Less saturated −25%#BCC669

Channel breakdown

R209

G224

B79

Red209 (82%)

Green224 (87.8%)

Blue79 (31%)

Hue66.21°

Saturation (HSL)70.05%

Lightness59.41%

Dominant channelGreen

Hex per channelR D1 · G E0 · B 4F

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#D1E04F

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else