#537469 Color

#537469 is rgb(83, 116, 105) in RGB and hsl(160, 17%, 39%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#537469

HEX#537469

RGBrgb(83, 116, 105)

HSLhsl(160, 17%, 39%)

HSVhsv(160, 28%, 45%)

OKLCHoklch(53% 0.042 172)

CMYKcmyk(28%, 0%, 9%, 55%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#537469 Complementary#74535E Analogous#537458 Analogous#536F74 Triadic#695374 Triadic#746953

Tints & Shades

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

Tints

#638C7F #7CA295 #94B3A8 #AEC6BE #C6D7D1 #E1EAE7

Shades

#48655C #3D574E #334841 #283933 #1E2A26 #131B18

Use #537469 in Our Tools

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