Nerdulator> put something in

Recognised as Colour

#D9E3DF

  • #D9E3DF
  • Cyan
  • Light
  • Nearest: Gainsboro

#D9E3DF is a cyan with RGB values 217, 227, 223 and HSL 156°, 15%, 87%. 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

#D9E3DF#D9E3DF
HEX#D9E3DF
RGBrgb(217, 227, 223)
RGB (0–1)0.851, 0.8902, 0.8745
RGB percentages85.1%, 89%, 87.5%
HSLhsl(156, 15.2%, 87.1%)
HSV / HSBhsv(156, 4.4%, 89%)
CMYK4.4%, 0%, 1.8%, 11%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,279,647
CSS custom property--colour: #D9E3DF;

Brightness & contrast

Relative luminance0.75018WCAG 2.x, 0 is black and 1 is white
Perceived brightness223.6 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 16:1
Contrast with white1.31:1WCAG normal text: Fail
Contrast with black16:1WCAG normal text: AAA
Greyscale equivalent#E1E1E1
Inverted#261C20

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#E2E1DFno red cones; affects about 1% of men; ΔE 4.1 from the original
Deuteranopia#E0E0DFno green cones; the most common form, about 1% of men; ΔE 3.9 from the original
Tritanopia#D7E3E2no blue cones; rare, and affects men and women equally; ΔE 1.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.31:1WCAG large text: Fail
Contrast with black, large text16:1WCAG large text: AAA

Named colours

Gainsboro · ΔE 4.5Light grey · ΔE 6.4White smoke · ΔE 8.3Alice blue · ΔE 9.7Linen · ΔE 9.8Mint cream · ΔE 9.8
Nearest named CSS colourGainsboro (#DCDCDC)ΔE 4.46, a close match
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#E3D9DD
Analogous#D9E3DA, #D9E2E3
Triadic#DFD9E3, #E3DFD9
Split complementary#E3D9E2, #E3DAD9
Tetradic#DAD9E3, #E3D9DD, #E2E3D9

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#F6F9F8
Darker −10%#BCCDC6
Darker −20%#9EB8AE
Darker −30%#81A295
Darker −40%#668A7C
More saturated +25%#D1EBE1
Less saturated −25%#DEDEDE

Channel breakdown

R217
G227
B223
Red217 (85.1%)
Green227 (89%)
Blue223 (87.5%)
Hue156°
Saturation (HSL)15.15%
Lightness87.06%
Dominant channelGreen
Hex per channelR D9 · G E3 · B DF

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