#5B6CA9 Color

#5B6CA9 is rgb(91, 108, 169) in RGB and hsl(227, 31%, 51%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#5B6CA9

HEX#5B6CA9

RGBrgb(91, 108, 169)

HSLhsl(227, 31%, 51%)

HSVhsv(227, 46%, 66%)

OKLCHoklch(54.4% 0.098 271)

CMYKcmyk(46%, 36%, 0%, 34%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#5B6CA9 Complementary#A9985B Analogous#5B93A9 Analogous#715BA9 Triadic#A95B6C Triadic#6CA95B

Tints & Shades

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

Tints

#7381B5 #8793C0 #9EA8CC #B6BDD8 #CDD2E5 #E1E4EF

Shades

#4D5C93 #43507F #374168 #2A3250 #1E2439 #131725

Use #5B6CA9 in Our Tools

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