#948651 Color

#948651 is rgb(148, 134, 81) in RGB and hsl(47, 29%, 45%) in HSL. The closest CSS named color is Gray. Black text is most readable on this background.

#948651

HEX#948651

RGBrgb(148, 134, 81)

HSLhsl(47, 29%, 45%)

HSVhsv(47, 45%, 58%)

OKLCHoklch(62% 0.074 95.1)

CMYKcmyk(0%, 9%, 45%, 42%)

Text Contrast & Accessibility

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

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

TextBlack text5.79:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#948651 Complementary#516094 Analogous#946451 Analogous#819451 Triadic#519486 Triadic#865194

Tints & Shades

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

Tints

#AA9B64 #B7AA7B #C5BB96 #D2CAAD #E0DBC7 #EDEADE

Shades

#807447 #6D623C #595031 #484128 #35301D #211E12

Use #948651 in Our Tools

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