ColorXprez

#CFE3FD

Lavender · very light cool blue

About #CFE3FD

With the hex code #CFE3FD, this is a very light blue with a muted character. Its RGB recipe is 81% red, 89% green and 99% blue, while a printer would mix 18% cyan, 10% magenta, 0% yellow and 1% black. It reads as a cool colour.

If you had to name it, it is very close to Lavender — a ΔE of 7.6 — followed by Ice Blue. For maximum hue contrast, pair it with its complement #FDE9CF, a champagne shade.

In design, a very light colour like this works best for backgrounds, page sections and subtle cards. Put black text on top of it — 16.06:1, a WCAG AAA pass.

Colour codes

HEX
RGB
HSL
HSV / HSB
CMYK
CIELAB
Decimal
CSS
Red207
Green227
Blue253

Closest named colours

Lavender
#E6E6FA · ΔE 7.6
Ice Blue
#DBEEFA · ΔE 8.2
Light Blue
#ADD8E6 · ΔE 11.6

ΔE measures visible difference: under 2 is barely noticeable, over 10 is clearly different.

Text on #CFE3FD

WCAG contrast for white and black text on this colour.

White heading text
Body copy set on lavender #CFE3FD.
1.31:1Fail
Black heading text
Body copy set on lavender #CFE3FD.
16.06:1AAA

Colour-blindness preview

How #CFE3FD appears to people with the three most common types of colour-vision deficiency.

Normal vision
#CFE3FD
Protanopia (no red cones)
#DAE4FE
Deuteranopia (no green cones)
#D5DFFC
Tritanopia (no blue cones)
#C3E9EB

Shades, tints & matching colours

Tints and shades

Complementary

Analogous

Triadic

Split complementary

Tetradic

Similar colours

Frequently asked questions

›What colour is #CFE3FD?

With the hex code #CFE3FD, this is a very light blue with a muted character. Its RGB recipe is 81% red, 89% green and 99% blue, while a printer would mix 18% cyan, 10% magenta, 0% yellow and 1% black. It reads as a cool colour.

›What text colour should I use on #CFE3FD?

Use black text. Black on #CFE3FD has a contrast ratio of 16.06:1 (AAA).

›What colours go with #CFE3FD?

Its complementary colour is #FDE9CF, and analogous partners are #CFFAFD and #D2CFFD.