#596297 Color

#596297 is rgb(89, 98, 151) in RGB and hsl(231, 26%, 47%) in HSL. The closest CSS named color is SlateGray. White text is most readable on this background.

#596297

HEX#596297

RGBrgb(89, 98, 151)

HSLhsl(231, 26%, 47%)

HSVhsv(231, 41%, 59%)

OKLCHoklch(51.2% 0.085 275.6)

CMYKcmyk(41%, 35%, 0%, 41%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#596297 Complementary#978E59 Analogous#598197 Analogous#6F5997 Triadic#975962 Triadic#629759

Tints & Shades

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

Tints

#6B74A8 #858CB7 #9BA2C5 #B2B7D2 #C8CCDF #E2E4EE

Shades

#4D5684 #424970 #373C5D #2A2E47 #1E2133 #131520

Use #596297 in Our Tools

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