ColorXprez

#9796BB

Dusty Blue · light cool blue

About #9796BB

#9796BB is a muted, light shade in the blue family. On screen it is built from 59% red, 59% green and 73% blue; for print, its CMYK mix is 19% cyan, 20% magenta, 0% yellow and 27% black. Its overall feel is cool.

Of the common colour names it is similar to Dusty Blue (ΔE 13.0); Lilac comes next. Its complementary colour, directly opposite on the colour wheel, is #BABB96 — a khaki tone that gives the strongest contrast in hue.

Designers tend to use light tones like #9796BB for large surfaces, cards and soft highlights. Put black text on top of it — 7.40:1, a WCAG AAA pass.

Colour codes

HEX
RGB
HSL
HSV / HSB
CMYK
CIELAB
Decimal
CSS
Red151
Green150
Blue187

Closest named colours

Dusty Blue
#8CA3B8 · ΔE 13.0
Lilac
#C8A2C8 · ΔE 15.4
Slate Gray
#708090 · ΔE 17.0

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

Text on #9796BB

WCAG contrast for white and black text on this colour.

White heading text
Body copy set on dusty blue #9796BB.
2.84:1Fail
Black heading text
Body copy set on dusty blue #9796BB.
7.40:1AAA

Colour-blindness preview

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

Normal vision
#9796BB
Protanopia (no red cones)
#8D9ABD
Deuteranopia (no green cones)
#8C98BA
Tritanopia (no blue cones)
#8F9CA2

Shades, tints & matching colours

Tints and shades

Complementary

Analogous

Triadic

Split complementary

Tetradic

Similar colours

Frequently asked questions

›What colour is #9796BB?

#9796BB is a muted, light shade in the blue family. On screen it is built from 59% red, 59% green and 73% blue; for print, its CMYK mix is 19% cyan, 20% magenta, 0% yellow and 27% black. Its overall feel is cool.

›What text colour should I use on #9796BB?

Use black text. Black on #9796BB has a contrast ratio of 7.40:1 (AAA).

›What colours go with #9796BB?

Its complementary colour is #BABB96, and analogous partners are #96A7BB and #AA96BB.