Colour

#D4DAF1

#D4DAF1
Blue
Light
Nearest: Lavender

#D4DAF1 is a blue with RGB values 212, 218, 241 and HSL 228°, 51%, 89%. It is a light colour, so black text on it reaches 15.1:1 contrast (AAA for normal text). The nearest named colour is Lavender.

Colour values

#D4DAF1#D4DAF1

HEX#D4DAF1

RGBrgb(212, 218, 241)

RGB (0–1)0.8314, 0.8549, 0.9451

RGB percentages83.1%, 85.5%, 94.5%

HSLhsl(227.6, 50.9%, 88.8%)

HSV / HSBhsv(227.6, 12%, 94.5%)

CMYK12%, 9.5%, 0%, 5.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,949,681

CSS custom property--colour: #D4DAF1;

Brightness & contrast

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

Perceived brightness219 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.1:1

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

Contrast with black15.1:1WCAG normal text: AAA

Greyscale equivalent#DADADA

Inverted#2B250E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text15.1:1WCAG large text: AAA

Named colours

Lavender · ΔE 5.3 Light steelblue · ΔE 10.1 Gainsboro · ΔE 12.2 Light grey · ΔE 12.5 Alice blue · ΔE 13.1 Thistle · ΔE 13.2

Nearest named CSS colourLavender (#E6E6FA)ΔE 5.27, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F1EBD4

Analogous#D4E8F1, #DCD4F1

Triadic#F1D4DA, #DAF1D4

Split complementary#F1DCD4, #E8F1D4

Tetradic#F1D4E8, #F1EBD4, #D4F1DC

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#FAFBFE

Darker −10%#AEB9E4

Darker −20%#8798D8

Darker −30%#6177CB

Darker −40%#3D57BC

More saturated +25%#CDD6F8

Less saturated −25%#DBDEEA

Channel breakdown

R212

G218

B241

Red212 (83.1%)

Green218 (85.5%)

Blue241 (94.5%)

Hue227.59°

Saturation (HSL)50.88%

Lightness88.82%

Dominant channelBlue

Hex per channelR D4 · G DA · B F1

Keep nerding

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

#D4DAF1

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