#896772 Color

#896772 is rgb(137, 103, 114) in RGB and hsl(341, 14%, 47%) in HSL. The closest CSS named color is Gray. White text is most readable on this background.

#896772

HEX#896772

RGBrgb(137, 103, 114)

HSLhsl(341, 14%, 47%)

HSVhsv(341, 25%, 54%)

OKLCHoklch(55.1% 0.046 357.5)

CMYKcmyk(0%, 25%, 17%, 46%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #896772 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text4.94:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.25:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #896772 based on color wheel relationships. Click any swatch for its full breakdown.

Base#896772 Complementary#67897E Analogous#896782 Analogous#896D67 Triadic#728967 Triadic#677289

Tints & Shades

Lighter tints and darker shades of #896772, useful for hover states, backgrounds, and text variants.

Tints

#9A7984 #AC9199 #BBA5AC #CAB9BF #DACED1 #EBE5E7

Shades

#775A63 #664D55 #544046 #403035 #2F2327 #1D1618

Use #896772 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex