ColorXprez

#ABB396

Sage · light cool green

About #ABB396

#ABB396 is a muted, light shade in the green family. On screen it is built from 67% red, 70% green and 59% blue; for print, its CMYK mix is 4% cyan, 0% magenta, 16% yellow and 30% black. Its overall feel is cool.

Of the common colour names it is very close to Sage (ΔE 7.4); Light Sage comes next. Its complementary colour, directly opposite on the colour wheel, is #9E96B3 — a dusty blue tone that gives the strongest contrast in hue.

Designers tend to use light tones like #ABB396 for large surfaces, cards and soft highlights. Black text reads best on it at 9.62:1 (a WCAG AAA pass).

Colour codes

HEX
RGB
HSL
HSV / HSB
CMYK
CIELAB
Decimal
CSS
Red171
Green179
Blue150

Closest named colours

Sage
#9CAF88 · ΔE 7.4
Light Sage
#BCC8B0 · ΔE 8.2
Khaki
#C3B091 · ΔE 11.0

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

Text on #ABB396

WCAG contrast for white and black text on this colour.

White heading text
Body copy set on sage #ABB396.
2.18:1Fail
Black heading text
Body copy set on sage #ABB396.
9.62:1AAA

Colour-blindness preview

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

Normal vision
#ABB396
Protanopia (no red cones)
#B7AF94
Deuteranopia (no green cones)
#B6B097
Tritanopia (no blue cones)
#AEB0AB

Shades, tints & matching colours

Tints and shades

Complementary

Analogous

Triadic

Split complementary

Tetradic

Similar colours

Frequently asked questions

›What colour is #ABB396?

#ABB396 is a muted, light shade in the green family. On screen it is built from 67% red, 70% green and 59% blue; for print, its CMYK mix is 4% cyan, 0% magenta, 16% yellow and 30% black. Its overall feel is cool.

›What text colour should I use on #ABB396?

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

›What colours go with #ABB396?

Its complementary colour is #9E96B3, and analogous partners are #B3AC96 and #9CB396.