Nerdulator> put something in

Colour

#D4E4DE

  • #D4E4DE
  • Cyan
  • Light
  • Nearest: Gainsboro

#D4E4DE is a cyan with RGB values 212, 228, 222 and HSL 157°, 23%, 86%. It is a light colour, so black text on it reaches 16:1 contrast (AAA for normal text). The nearest named colour is Gainsboro.

Colour values

#D4E4DE#D4E4DE
HEX#D4E4DE
RGBrgb(212, 228, 222)
RGB (0–1)0.8314, 0.8941, 0.8706
RGB percentages83.1%, 89.4%, 87.1%
HSLhsl(157.5, 22.9%, 86.3%)
HSV / HSBhsv(157.5, 7%, 89.4%)
CMYK7%, 0%, 2.6%, 10.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer13,952,222
CSS custom property--colour: #D4E4DE;

Brightness & contrast

Relative luminance0.74758WCAG 2.x, 0 is black and 1 is white
Perceived brightness222.6 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 15.95:1
Contrast with white1.32:1WCAG normal text: Fail
Contrast with black15.95:1WCAG normal text: AAA
Greyscale equivalent#E0E0E0
Inverted#2B1B21

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#E3E2DEno red cones; affects about 1% of men; ΔE 6.2 from the original
Deuteranopia#E0DFDEno green cones; the most common form, about 1% of men; ΔE 6.6 from the original
Tritanopia#D1E4E2no blue cones; rare, and affects men and women equally; ΔE 2.3 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.32:1WCAG large text: Fail
Contrast with black, large text15.95:1WCAG large text: AAA

Named colours

Gainsboro · ΔE 6.7Light grey · ΔE 8.1White smoke · ΔE 9.8Mint cream · ΔE 10.1Azure · ΔE 10.2Light cyan · ΔE 10.3
Nearest named CSS colourGainsboro (#DCDCDC)ΔE 6.7, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#E4D4DA
Analogous#D4E4D6, #D4E2E4
Triadic#DED4E4, #E4DED4
Split complementary#E4D4E2, #E4D6D4
Tetradic#D6D4E4, #E4D4DA, #E2E4D4

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#F3F8F6
Darker −10%#B5D0C6
Darker −20%#95BDAE
Darker −30%#76A996
Darker −40%#5B917D
More saturated +25%#CBEDE0
Less saturated −25%#DCDCDC

Channel breakdown

R212
G228
B222
Red212 (83.1%)
Green228 (89.4%)
Blue222 (87.1%)
Hue157.5°
Saturation (HSL)22.86%
Lightness86.27%
Dominant channelGreen
Hex per channelR D4 · G E4 · B DE

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 “d4e4de” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.