ColorXprez

#889FA1

Dusty Blue · light cool gray

About #889FA1

With the hex code #889FA1, this is a light gray with a muted character. Its RGB recipe is 53% red, 62% green and 63% blue, while a printer would mix 16% cyan, 1% magenta, 0% yellow and 37% black. It reads as a cool colour.

If you had to name it, it is similar to Dusty Blue — a ΔE of 10.9 — followed by Gray. For maximum hue contrast, pair it with its complement #A18A88, a taupe shade.

In design, a light colour like this works best for large surfaces, cards and soft highlights. Put black text on top of it — 7.52:1, a WCAG AAA pass.

Colour codes

HEX
RGB
HSL
HSV / HSB
CMYK
CIELAB
Decimal
CSS
Red136
Green159
Blue161

Closest named colours

Dusty Blue
#8CA3B8 · ΔE 10.9
Gray
#808080 · ΔE 13.3
Taupe
#8B8589 · ΔE 13.3

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

Text on #889FA1

WCAG contrast for white and black text on this colour.

White heading text
Body copy set on dusty blue #889FA1.
2.79:1Fail
Black heading text
Body copy set on dusty blue #889FA1.
7.52:1AAA

Colour-blindness preview

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

Normal vision
#889FA1
Protanopia (no red cones)
#9B9DA1
Deuteranopia (no green cones)
#9799A1
Tritanopia (no blue cones)
#81A1A0

Shades, tints & matching colours

Tints and shades

Complementary

Analogous

Triadic

Split complementary

Tetradic

Similar colours

Frequently asked questions

›What colour is #889FA1?

With the hex code #889FA1, this is a light gray with a muted character. Its RGB recipe is 53% red, 62% green and 63% blue, while a printer would mix 16% cyan, 1% magenta, 0% yellow and 37% black. It reads as a cool colour.

›What text colour should I use on #889FA1?

Use black text. Black on #889FA1 has a contrast ratio of 7.52:1 (AAA).

›What colours go with #889FA1?

Its complementary colour is #A18A88, and analogous partners are #88A196 and #8893A1.