#316CB9 Color

#316CB9 is rgb(49, 108, 185) in RGB and hsl(214, 58%, 46%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#316CB9

HEX#316CB9

RGBrgb(49, 108, 185)

HSLhsl(214, 58%, 46%)

HSVhsv(214, 74%, 73%)

OKLCHoklch(53.2% 0.136 256.2)

CMYKcmyk(74%, 42%, 0%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#316CB9 Complementary#B97E31 Analogous#31B0B9 Analogous#3A31B9 Triadic#B9316C Triadic#6CB931

Tints & Shades

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

Tints

#427ECD #6294D5 #7EA7DD #9EBDE5 #BBD0ED #DBE6F5

Shades

#2B5EA1 #245089 #1E4271 #183459 #112640 #0B1828

Use #316CB9 in Our Tools

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