#655C24 Color

#655C24 is rgb(101, 92, 36) in RGB and hsl(52, 47%, 27%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#655C24

HEX#655C24

RGBrgb(101, 92, 36)

HSLhsl(52, 47%, 27%)

HSVhsv(52, 64%, 40%)

OKLCHoklch(47.1% 0.077 100.2)

CMYKcmyk(0%, 9%, 64%, 60%)

Text Contrast & Accessibility

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

TextWhite text6.75:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.11:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#655C24 Complementary#242D65 Analogous#653C24 Analogous#4D6524 Triadic#24655D Triadic#5D2465

Tints & Shades

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

Tints

#8B7F32 #B0A140 #C5B75E #D4CA87 #E1DAAD #EFEBD2

Shades

#5A5220 #4B451B #403A17 #343013 #29260F #1A1809

Use #655C24 in Our Tools

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