#536693 Color

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

#536693

HEX#536693

RGBrgb(83, 102, 147)

HSLhsl(222, 28%, 45%)

HSVhsv(222, 44%, 58%)

OKLCHoklch(51.4% 0.075 266.3)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#536693 Complementary#938053 Analogous#538693 Analogous#5F5393 Triadic#935366 Triadic#669353

Tints & Shades

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

Tints

#667AA9 #7C8EB6 #97A4C4 #ADB8D1 #C8CFE0 #DEE3ED

Shades

#48587F #3D4B6C #323D58 #283248 #1D2434 #121721

Use #536693 in Our Tools

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