#5E584A Color

#5E584A is rgb(94, 88, 74) in RGB and hsl(42, 12%, 33%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#5E584A

HEX#5E584A

RGBrgb(94, 88, 74)

HSLhsl(42, 12%, 33%)

HSVhsv(42, 21%, 37%)

OKLCHoklch(46.2% 0.023 87.6)

CMYKcmyk(0%, 6%, 21%, 63%)

Text Contrast & Accessibility

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

TextWhite text7.07:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.97:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#5E584A Complementary#4A505E Analogous#5E4E4A Analogous#5A5E4A Triadic#4A5E58 Triadic#584A5E

Tints & Shades

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

Tints

#78705E #938A76 #A7A090 #BCB6A9 #D0CCC3 #E6E4E0

Shades

#534D41 #474338 #3C382F #2E2B24 #22201B #171512

Use #5E584A in Our Tools

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