Recognised as Colour

#D1C155

#D1C155
Yellow
Light
Nearest: Dark khaki

#D1C155 is a yellow with RGB values 209, 193, 85 and HSL 52°, 57%, 58%. It is a light colour, so black text on it reaches 11.5:1 contrast (AAA for normal text). The nearest named colour is Dark khaki.

Colour values

#D1C155#D1C155

HEX#D1C155

RGBrgb(209, 193, 85)

RGB (0–1)0.8196, 0.7569, 0.3333

RGB percentages82%, 75.7%, 33.3%

HSLhsl(52.3, 57.4%, 57.6%)

HSV / HSBhsv(52.3, 59.3%, 82%)

CMYK0%, 7.7%, 59.3%, 18%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,746,517

CSS custom property--colour: #D1C155;

Brightness & contrast

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

Perceived brightness189.1 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 11.47:1

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

Contrast with black11.47:1WCAG normal text: AAA

Greyscale equivalent#BDBDBD

Inverted#2E3EAA

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text11.47:1WCAG large text: AAA

Named colours

Dark khaki · ΔE 16.4 Khaki · ΔE 16.5 Goldenrod · ΔE 22.1 Olive · ΔE 26.2 Dark goldenrod · ΔE 26.4 Pale goldenrod · ΔE 27.8

Nearest named CSS colourDark khaki (#BDB76B)ΔE 16.44, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#5565D1

Analogous#D18355, #A3D155

Triadic#55D1C1, #C155D1

Split complementary#55A3D1, #8355D1

Tetradic#55D183, #5565D1, #D155A3

Tints, shades & saturation

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

Lighter +40%#FCFCF6

Lighter +30%#F2EDCD

Lighter +20%#E7DEA5

Lighter +10%#DCD07D

Darker −10%#BFAD34

Darker −20%#978929

Darker −30%#6F651E

Darker −40%#474013

More saturated +25%#ECD53A

Less saturated −25%#B6AD70

Channel breakdown

R209

G193

B85

Red209 (82%)

Green193 (75.7%)

Blue85 (33.3%)

Hue52.26°

Saturation (HSL)57.41%

Lightness57.65%

Dominant channelRed

Hex per channelR D1 · G C1 · B 55

Keep nerding

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

#D1C155

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