#5D745D Color

#5D745D is rgb(93, 116, 93) in RGB and hsl(120, 11%, 41%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#5D745D

HEX#5D745D

RGBrgb(93, 116, 93)

HSLhsl(120, 11%, 41%)

HSVhsv(120, 20%, 45%)

OKLCHoklch(53.4% 0.045 144.9)

CMYKcmyk(20%, 0%, 20%, 55%)

Text Contrast & Accessibility

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

TextWhite text5.1:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.12:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#5D745D Complementary#745D74 Analogous#69745D Analogous#5D7469 Triadic#5D5D74 Triadic#745D5D

Tints & Shades

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

Tints

#6F8B6F #859D85 #9CB09C #B5C4B5 #CCD6CC #E3E8E3

Shades

#526652 #445544 #394739 #2D392D #222A22 #141914

Use #5D745D in Our Tools

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