Nerdulator> put something in

Recognised as Colour

#D1EDFF

  • #D1EDFF
  • Blue
  • Light
  • Nearest: Lavender

#D1EDFF is a blue with RGB values 209, 237, 255 and HSL 203°, 100%, 91%. It is a light colour, so black text on it reaches 17.3:1 contrast (AAA for normal text). The nearest named colour is Lavender.

Colour values

#D1EDFF#D1EDFF
HEX#D1EDFF
RGBrgb(209, 237, 255)
RGB (0–1)0.8196, 0.9294, 1
RGB percentages82%, 92.9%, 100%
HSLhsl(203.5, 100%, 91%)
HSV / HSBhsv(203.5, 18%, 100%)
CMYK18%, 7.1%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer13,757,951
CSS custom property--colour: #D1EDFF;

Brightness & contrast

Relative luminance0.81344WCAG 2.x, 0 is black and 1 is white
Perceived brightness231.2 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 17.27:1
Contrast with white1.22:1WCAG normal text: Fail
Contrast with black17.27:1WCAG normal text: AAA
Greyscale equivalent#E8E8E8
Inverted#2E1200

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#E5ECFFno red cones; affects about 1% of men; ΔE 7.1 from the original
Deuteranopia#DFE7FFno green cones; the most common form, about 1% of men; ΔE 7.5 from the original
Tritanopia#C5F2F3no blue cones; rare, and affects men and women equally; ΔE 10.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.22:1WCAG large text: Fail
Contrast with black, large text17.27:1WCAG large text: AAA

Named colours

Lavender · ΔE 9.4Alice blue · ΔE 9.8Light blue · ΔE 10.1Light cyan · ΔE 11Powder blue · ΔE 11.2Ghost white · ΔE 12.1
Nearest named CSS colourLavender (#E6E6FA)ΔE 9.43, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#FFE3D1
Analogous#D1FFFA, #D1D6FF
Triadic#FFD1ED, #EDFFD1
Split complementary#FFD1D6, #FFFAD1
Tetradic#FAD1FF, #FFE3D1, #D6FFD1

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#FFFFFF
Darker −10%#9ED9FF
Darker −20%#6BC5FF
Darker −30%#38B1FF
Darker −40%#059DFF
More saturated +25%#D1EDFF
Less saturated −25%#D7ECF9

Channel breakdown

R209
G237
B255
Red209 (82%)
Green237 (92.9%)
Blue255 (100%)
Hue203.48°
Saturation (HSL)100%
Lightness90.98%
Dominant channelBlue
Hex per channelR D1 · G ED · B FF

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