ColorXprez

#BBD3ED

Light Blue · very light cool blue

About #BBD3ED

#BBD3ED is a muted, very light shade in the blue family. On screen it is built from 73% red, 83% green and 93% blue; for print, its CMYK mix is 21% cyan, 11% magenta, 0% yellow and 7% black. Its overall feel is cool.

Of the common colour names it is similar to Light Blue (ΔE 9.2); Lavender comes next. Its complementary colour, directly opposite on the colour wheel, is #EDD5BB — a oat tone that gives the strongest contrast in hue.

Designers tend to use very light tones like #BBD3ED for backgrounds, page sections and subtle cards. Put black text on top of it — 13.65:1, a WCAG AAA pass.

Colour codes

HEX
RGB
HSL
HSV / HSB
CMYK
CIELAB
Decimal
CSS
Red187
Green211
Blue237

Closest named colours

Light Blue
#ADD8E6 · ΔE 9.2
Lavender
#E6E6FA · ΔE 11.9
Ice Blue
#DBEEFA · ΔE 12.2

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

Text on #BBD3ED

WCAG contrast for white and black text on this colour.

White heading text
Body copy set on light blue #BBD3ED.
1.54:1Fail
Black heading text
Body copy set on light blue #BBD3ED.
13.65:1AAA

Colour-blindness preview

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

Normal vision
#BBD3ED
Protanopia (no red cones)
#CAD3EE
Deuteranopia (no green cones)
#C4CEEC
Tritanopia (no blue cones)
#AED9DB

Shades, tints & matching colours

Tints and shades

Complementary

Analogous

Triadic

Split complementary

Tetradic

Similar colours

Frequently asked questions

›What colour is #BBD3ED?

#BBD3ED is a muted, very light shade in the blue family. On screen it is built from 73% red, 83% green and 93% blue; for print, its CMYK mix is 21% cyan, 11% magenta, 0% yellow and 7% black. Its overall feel is cool.

›What text colour should I use on #BBD3ED?

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

›What colours go with #BBD3ED?

Its complementary colour is #EDD5BB, and analogous partners are #BBECED and #BCBBED.