Recognised as Colour

#DEC86B

#DEC86B
Yellow
Light
Nearest: Khaki

#DEC86B is a yellow with RGB values 222, 200, 107 and HSL 49°, 64%, 65%. It is a light colour, so black text on it reaches 12.6:1 contrast (AAA for normal text). The nearest named colour is Khaki.

Colour values

#DEC86B#DEC86B

HEX#DEC86B

RGBrgb(222, 200, 107)

RGB (0–1)0.8706, 0.7843, 0.4196

RGB percentages87.1%, 78.4%, 42%

HSLhsl(48.5, 63.5%, 64.5%)

HSV / HSBhsv(48.5, 51.8%, 87.1%)

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

24-bit integer14,600,299

CSS custom property--colour: #DEC86B;

Brightness & contrast

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

Perceived brightness198.8 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 12.58:1

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

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

Greyscale equivalent#C6C6C6

Inverted#213794

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Khaki · ΔE 11.5 Dark khaki · ΔE 12.9 Pale goldenrod · ΔE 21 Burlywood · ΔE 22.2 Navajo white · ΔE 24.2 Goldenrod · ΔE 25.5

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6B81DE

Analogous#DE8E6B, #BBDE6B

Triadic#6BDEC8, #C86BDE

Split complementary#6BBBDE, #8E6BDE

Tetradic#6BDE8E, #6B81DE, #DE6BBB

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FAF6E8

Lighter +20%#F1E7BE

Lighter +10%#E7D795

Darker −10%#D5B941

Darker −20%#BA9E29

Darker −30%#907B20

Darker −40%#665717

More saturated +25%#F5D654

Less saturated −25%#C7BA82

Channel breakdown

R222

G200

B107

Red222 (87.1%)

Green200 (78.4%)

Blue107 (42%)

Hue48.52°

Saturation (HSL)63.54%

Lightness64.51%

Dominant channelRed

Hex per channelR DE · G C8 · B 6B

Keep nerding

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

#DEC86B

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