#84948A Color

#84948A is rgb(132, 148, 138) in RGB and hsl(142, 7%, 55%) in HSL. The closest CSS named color is Gray. Black text is most readable on this background.

#84948A

HEX#84948A

RGBrgb(132, 148, 138)

HSLhsl(142, 7%, 55%)

HSVhsv(142, 11%, 58%)

OKLCHoklch(65.1% 0.024 158.3)

CMYKcmyk(11%, 0%, 7%, 42%)

Text Contrast & Accessibility

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

TextWhite text3.19:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.58:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#84948A Complementary#94848E Analogous#869484 Analogous#849492 Triadic#8A8494 Triadic#948A84

Tints & Shades

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

Tints

#95A39A #A5B1A9 #B5BFB9 #C8D0CB #D9DEDB #E9ECEA

Shades

#728378 #5F6D64 #4E5A53 #3E4741 #2D3430 #1A1E1C

Use #84948A in Our Tools

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