Colour

#D5D0BC

#D5D0BC
Yellow
Light
Nearest: Light grey

#D5D0BC is a yellow with RGB values 213, 208, 188 and HSL 48°, 23%, 79%. It is a light colour, so black text on it reaches 13.6:1 contrast (AAA for normal text). The nearest named colour is Light grey.

Colour values

#D5D0BC#D5D0BC

HEX#D5D0BC

RGBrgb(213, 208, 188)

RGB (0–1)0.8353, 0.8157, 0.7373

RGB percentages83.5%, 81.6%, 73.7%

HSLhsl(48, 22.9%, 78.6%)

HSV / HSBhsv(48, 11.7%, 83.5%)

CMYK0%, 2.3%, 11.7%, 16.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,012,604

CSS custom property--colour: #D5D0BC;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 13.58:1

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

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

Greyscale equivalent#D0D0D0

Inverted#2A2F43

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Light grey · ΔE 10.7 Antique white · ΔE 11 Gainsboro · ΔE 11.5 Silver · ΔE 12.1 Papaya whip · ΔE 12.7 Beige · ΔE 12.9

Nearest named CSS colourLight grey (#D3D3D3)ΔE 10.74, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BCC1D5

Analogous#D5C4BC, #CED5BC

Triadic#BCD5D0, #D0BCD5

Split complementary#BCCED5, #C4BCD5

Tetradic#BCD5C4, #BCC1D5, #D5BCCE

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FCFCFB

Lighter +10%#E9E6DB

Darker −10%#C1BA9D

Darker −20%#AEA47D

Darker −30%#988D60

Darker −40%#79704C

More saturated +25%#E3D8AE

Less saturated −25%#C9C9C9

Channel breakdown

R213

G208

B188

Red213 (83.5%)

Green208 (81.6%)

Blue188 (73.7%)

Hue48°

Saturation (HSL)22.94%

Lightness78.63%

Dominant channelRed

Hex per channelR D5 · G D0 · B BC

Keep nerding

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

#D5D0BC

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