Nerdulator> put something in

Recognised as Colour

#D4DDDC

  • #D4DDDC
  • Cyan
  • Light
  • Nearest: Gainsboro

#D4DDDC is a cyan with RGB values 212, 221, 220 and HSL 173°, 12%, 85%. It is a light colour, so black text on it reaches 15.2:1 contrast (AAA for normal text). The nearest named colour is Gainsboro.

Colour values

#D4DDDC#D4DDDC
HEX#D4DDDC
RGBrgb(212, 221, 220)
RGB (0–1)0.8314, 0.8667, 0.8627
RGB percentages83.1%, 86.7%, 86.3%
HSLhsl(173.3, 11.7%, 84.9%)
HSV / HSBhsv(173.3, 4.1%, 86.7%)
CMYK4.1%, 0%, 0.5%, 13.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer13,950,428
CSS custom property--colour: #D4DDDC;

Brightness & contrast

Relative luminance0.70877WCAG 2.x, 0 is black and 1 is white
Perceived brightness218.2 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 15.18:1
Contrast with white1.38:1WCAG normal text: Fail
Contrast with black15.18:1WCAG normal text: AAA
Greyscale equivalent#DBDBDB
Inverted#2B2223

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#DCDCDCno red cones; affects about 1% of men; ΔE 3.3 from the original
Deuteranopia#DADADCno green cones; the most common form, about 1% of men; ΔE 3.6 from the original
Tritanopia#D2DEDDno blue cones; rare, and affects men and women equally; ΔE 1.1 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.38:1WCAG large text: Fail
Contrast with black, large text15.18:1WCAG large text: AAA

Named colours

Gainsboro · ΔE 3.3Light grey · ΔE 4.3White smoke · ΔE 9.7Silver · ΔE 10.3Alice blue · ΔE 10.6Linen · ΔE 11.4
Nearest named CSS colourGainsboro (#DCDCDC)ΔE 3.27, a close match
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#DDD4D5
Analogous#D4DDD8, #D4DADD
Triadic#DCD4DD, #DDDCD4
Split complementary#DDD4DA, #DDD8D4
Tetradic#D8D4DD, #DDD4D5, #DADDD4

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#F0F4F3
Darker −10%#B8C6C5
Darker −20%#9BB0AE
Darker −30%#7F9996
Darker −40%#65807D
More saturated +25%#CAE7E3
Less saturated −25%#D9D9D9

Channel breakdown

R212
G221
B220
Red212 (83.1%)
Green221 (86.7%)
Blue220 (86.3%)
Hue173.33°
Saturation (HSL)11.69%
Lightness84.9%
Dominant channelGreen
Hex per channelR D4 · G DD · B DC

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “d4dddc” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.