Colour

#D5D5D4

#D5D5D4
Grey
Light
Nearest: Light grey

#D5D5D4 is a grey with RGB values 213, 213, 212 and HSL 60°, 1%, 83%. It is a light colour, so black text on it reaches 14.3:1 contrast (AAA for normal text). The nearest named colour is Light grey.

Colour values

#D5D5D4#D5D5D4

HEX#D5D5D4

RGBrgb(213, 213, 212)

RGB (0–1)0.8353, 0.8353, 0.8314

RGB percentages83.5%, 83.5%, 83.1%

HSLhsl(60, 1.2%, 83.3%)

HSV / HSBhsv(60, 0.5%, 83.5%)

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

24-bit integer14,013,908

CSS custom property--colour: #D5D5D4;

Brightness & contrast

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

Perceived brightness212.9 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 14.3:1

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

Contrast with black14.3:1WCAG normal text: AAA

Greyscale equivalent#D5D5D5

Inverted#2A2A2B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text14.3:1WCAG large text: AAA

Named colours

Light grey · ΔE 0.9 Gainsboro · ΔE 2.6 Silver · ΔE 7.6 White smoke · ΔE 11.3 Linen · ΔE 11.6 Misty rose · ΔE 12.4

Nearest named CSS colourLight grey (#D3D3D3)ΔE 0.87, indistinguishable to the eye

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D4D4D5

Analogous#D5D5D4, #D5D5D4

Triadic#D4D5D5, #D5D4D5

Split complementary#D4D5D5, #D5D4D5

Tetradic#D4D5D5, #D4D4D5, #D5D4D5

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#EEEEEE

Darker −10%#BCBCBA

Darker −20%#A3A3A0

Darker −30%#898987

Darker −40%#70706D

More saturated +25%#E0E0C9

Less saturated −25%#D5D5D5

Channel breakdown

R213

G213

B212

Red213 (83.5%)

Green213 (83.5%)

Blue212 (83.1%)

Hue60°

Saturation (HSL)1.18%

Lightness83.33%

Dominant channelRed and Green

Hex per channelR D5 · G D5 · B D4

Keep nerding

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

#D5D5D4

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