Colour

#D7C878

#D7C878
Yellow
Light
Nearest: Dark khaki

#D7C878 is a yellow with RGB values 215, 200, 120 and HSL 51°, 54%, 66%. It is a light colour, so black text on it reaches 12.4:1 contrast (AAA for normal text). The nearest named colour is Dark khaki.

Colour values

#D7C878#D7C878

HEX#D7C878

RGBrgb(215, 200, 120)

RGB (0–1)0.8431, 0.7843, 0.4706

RGB percentages84.3%, 78.4%, 47.1%

HSLhsl(50.5, 54.3%, 65.7%)

HSV / HSBhsv(50.5, 44.2%, 84.3%)

CMYK0%, 7%, 44.2%, 15.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,141,560

CSS custom property--colour: #D7C878;

Brightness & contrast

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

Perceived brightness197.3 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 12.42:1

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

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

Greyscale equivalent#C5C5C5

Inverted#283787

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dark khaki · ΔE 7.9 Khaki · ΔE 11.1 Pale goldenrod · ΔE 15.4 Burlywood · ΔE 17.7 Navajo white · ΔE 19.6 Moccasin · ΔE 20.9

Nearest named CSS colourDark khaki (#BDB76B)ΔE 7.92, clearly different but related

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7887D7

Analogous#D79978, #B6D778

Triadic#78D7C8, #C878D7

Split complementary#78B6D7, #9978D7

Tetradic#78D799, #7887D7, #D778B6

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FAF8EE

Lighter +20%#EEE8C7

Lighter +10%#E3D89F

Darker −10%#CBB851

Darker −20%#B4A035

Darker −30%#8C7D2A

Darker −40%#655A1E

More saturated +25%#EDD762

Less saturated −25%#C1B98E

Channel breakdown

R215

G200

B120

Red215 (84.3%)

Green200 (78.4%)

Blue120 (47.1%)

Hue50.53°

Saturation (HSL)54.29%

Lightness65.69%

Dominant channelRed

Hex per channelR D7 · G C8 · B 78

Keep nerding

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

#D7C878

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