Colour

#DECC5E

#DECC5E
Yellow
Light
Nearest: Khaki

#DECC5E is a yellow with RGB values 222, 204, 94 and HSL 52°, 66%, 62%. It is a light colour, so black text on it reaches 12.9:1 contrast (AAA for normal text). The nearest named colour is Khaki.

Colour values

#DECC5E#DECC5E

HEX#DECC5E

RGBrgb(222, 204, 94)

RGB (0–1)0.8706, 0.8, 0.3686

RGB percentages87.1%, 80%, 36.9%

HSLhsl(51.6, 66%, 62%)

HSV / HSBhsv(51.6, 57.7%, 87.1%)

CMYK0%, 8.1%, 57.7%, 12.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,601,310

CSS custom property--colour: #DECC5E;

Brightness & contrast

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

Perceived brightness200.4 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 12.9:1

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

Contrast with black12.9:1WCAG normal text: AAA

Greyscale equivalent#C8C8C8

Inverted#2133A1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text12.9:1WCAG large text: AAA

Named colours

Khaki · ΔE 14.2 Dark khaki · ΔE 18.7 Goldenrod · ΔE 22.9 Pale goldenrod · ΔE 26.8 Dark goldenrod · ΔE 28.9 Burlywood · ΔE 30

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#5E70DE

Analogous#DE8C5E, #B0DE5E

Triadic#5EDECC, #CC5EDE

Split complementary#5EB0DE, #8C5EDE

Tetradic#5EDE8C, #5E70DE, #DE5EB0

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#F8F4DD

Lighter +20%#EFE7B3

Lighter +10%#E7D988

Darker −10%#D5BF34

Darker −20%#B29E24

Darker −30%#87781C

Darker −40%#5D5313

More saturated +25%#F6DD46

Less saturated −25%#C6BB76

Channel breakdown

R222

G204

B94

Red222 (87.1%)

Green204 (80%)

Blue94 (36.9%)

Hue51.56°

Saturation (HSL)65.98%

Lightness61.96%

Dominant channelRed

Hex per channelR DE · G CC · B 5E

Keep nerding

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

#DECC5E

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