ColorXprez

#BADBED

Light Blue · very light cool blue

About #BADBED

With the hex code #BADBED, this is a very light blue with a muted character. Its RGB recipe is 73% red, 86% green and 93% blue, while a printer would mix 22% cyan, 8% magenta, 0% yellow and 7% black. It reads as a cool colour.

If you had to name it, it is very close to Light Blue — a ΔE of 4.4 — followed by Powder Blue. For maximum hue contrast, pair it with its complement #EDCCBA, a apricot 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 — 14.44:1, a WCAG AAA pass.

Colour codes

HEX
RGB
HSL
HSV / HSB
CMYK
CIELAB
Decimal
CSS
Red186
Green219
Blue237

Closest named colours

Light Blue
#ADD8E6 · ΔE 4.4
Powder Blue
#B0E0E6 · ΔE 8.4
Ice Blue
#DBEEFA · ΔE 9.2

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

Text on #BADBED

WCAG contrast for white and black text on this colour.

White heading text
Body copy set on light blue #BADBED.
1.45:1Fail
Black heading text
Body copy set on light blue #BADBED.
14.44:1AAA

Colour-blindness preview

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

Normal vision
#BADBED
Protanopia (no red cones)
#D2D9EE
Deuteranopia (no green cones)
#CBD3ED
Tritanopia (no blue cones)
#ACE0E1

Shades, tints & matching colours

Tints and shades

Complementary

Analogous

Triadic

Split complementary

Tetradic

Similar colours

Frequently asked questions

›What colour is #BADBED?

With the hex code #BADBED, this is a very light blue with a muted character. Its RGB recipe is 73% red, 86% green and 93% blue, while a printer would mix 22% cyan, 8% magenta, 0% yellow and 7% black. It reads as a cool colour.

›What text colour should I use on #BADBED?

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

›What colours go with #BADBED?

Its complementary colour is #EDCCBA, and analogous partners are #BAEDE6 and #BAC1ED.