ColorXprez

#96C4FF

Periwinkle · light cool blue

About #96C4FF

#96C4FF is a light, moderately saturated blue colour. Digitally that works out to 59% red, 77% green and 100% blue. In CMYK print terms it is 41% cyan, 23% magenta, 0% yellow and 0% black. Most people will perceive it as cool.

Visually it is somewhere between Periwinkle and Baby Blue (ΔE 15.0), with Baby Blue the next nearest named colour. Across the colour wheel sits #FFD196 (peach), its complementary partner.

Because it is light, it is most useful for large surfaces, cards and soft highlights. Put black text on top of it — 11.64:1, a WCAG AAA pass.

Colour codes

HEX
RGB
HSL
HSV / HSB
CMYK
CIELAB
Decimal
CSS
Red150
Green196
Blue255

Closest named colours

Periwinkle
#CCCCFF · ΔE 15.0
Baby Blue
#89CFF0 · ΔE 17.0
Sky Blue
#87CEEB · ΔE 19.1

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

Text on #96C4FF

WCAG contrast for white and black text on this colour.

White heading text
Body copy set on periwinkle #96C4FF.
1.80:1Fail
Black heading text
Body copy set on periwinkle #96C4FF.
11.64:1AAA

Colour-blindness preview

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

Normal vision
#96C4FF
Protanopia (no red cones)
#AEC7FF
Deuteranopia (no green cones)
#A2BCFE
Tritanopia (no blue cones)
#70D1D8

Shades, tints & matching colours

Tints and shades

Complementary

Analogous

Triadic

Split complementary

Tetradic

Similar colours

Frequently asked questions

›What colour is #96C4FF?

#96C4FF is a light, moderately saturated blue colour. Digitally that works out to 59% red, 77% green and 100% blue. In CMYK print terms it is 41% cyan, 23% magenta, 0% yellow and 0% black. Most people will perceive it as cool.

›What text colour should I use on #96C4FF?

Use black text. Black on #96C4FF has a contrast ratio of 11.64:1 (AAA).

›What colours go with #96C4FF?

Its complementary colour is #FFD196, and analogous partners are #96F9FF and #9C96FF.