#537993 Color

#537993 is rgb(83, 121, 147) in RGB and hsl(204, 28%, 45%) in HSL. The closest CSS named color is SlateGray. White text is most readable on this background.

#537993

HEX#537993

RGBrgb(83, 121, 147)

HSLhsl(204, 28%, 45%)

HSVhsv(204, 44%, 58%)

OKLCHoklch(55.8% 0.059 239.1)

CMYKcmyk(44%, 18%, 0%, 42%)

Text Contrast & Accessibility

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

TextWhite text4.64:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#537993 Complementary#936C53 Analogous#53938C Analogous#535993 Triadic#935379 Triadic#799353

Tints & Shades

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

Tints

#668EA9 #7C9FB6 #97B2C4 #ADC3D1 #C8D6E0 #DEE7ED

Shades

#48697F #3D596C #324958 #283B48 #1D2B34 #121B21

Use #537993 in Our Tools

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