#585B48 Color

#585B48 is rgb(88, 91, 72) in RGB and hsl(69, 12%, 32%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#585B48

HEX#585B48

RGBrgb(88, 91, 72)

HSLhsl(69, 12%, 32%)

HSVhsv(69, 21%, 36%)

OKLCHoklch(46.3% 0.03 114.9)

CMYKcmyk(3%, 0%, 21%, 64%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#585B48 Complementary#4B485B Analogous#5B5548 Analogous#4F5B48 Triadic#48585B Triadic#5B4858

Tints & Shades

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

Tints

#71755C #8D9173 #A2A58D #B9BCA9 #CED0C3 #E5E6E0

Shades

#4D503F #424536 #37392D #2C2E24 #21221B #161712

Use #585B48 in Our Tools

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