Recognised as Colour

#D4E074

#D4E074
Yellow
Light
Nearest: Khaki

#D4E074 is a yellow with RGB values 212, 224, 116 and HSL 67°, 64%, 67%. 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

#D4E074#D4E074

HEX#D4E074

RGBrgb(212, 224, 116)

RGB (0–1)0.8314, 0.8784, 0.4549

RGB percentages83.1%, 87.8%, 45.5%

HSLhsl(66.7, 63.5%, 66.7%)

HSV / HSBhsv(66.7, 48.2%, 87.8%)

CMYK5.4%, 0%, 48.2%, 12.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,951,092

CSS custom property--colour: #D4E074;

Brightness & contrast

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

Perceived brightness210.8 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#D6D6D6

Inverted#2B1F8B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

Khaki · ΔE 12.7 Dark khaki · ΔE 20.4 Pale goldenrod · ΔE 23.9 Yellow green · ΔE 26.1 Light green · ΔE 30.5 Pale green · ΔE 31.9

Nearest named CSS colourKhaki (#F0E68C)ΔE 12.68, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8074E0

Analogous#E0B674, #9EE074

Triadic#74D4E0, #E074D4

Split complementary#749EE0, #B674E0

Tetradic#74E0B6, #8074E0, #E0749E

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FBFCF1

Lighter +20%#EEF3C7

Lighter +10%#E1E99E

Darker −10%#C7D74A

Darker −20%#B2C32B

Darker −30%#8C9922

Darker −40%#666F19

More saturated +25%#E5F55F

Less saturated −25%#C3CB89

Channel breakdown

R212

G224

B116

Red212 (83.1%)

Green224 (87.8%)

Blue116 (45.5%)

Hue66.67°

Saturation (HSL)63.53%

Lightness66.67%

Dominant channelGreen

Hex per channelR D4 · G E0 · B 74

Keep nerding

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

#D4E074

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