#496DBC Color

#496DBC is rgb(73, 109, 188) in RGB and hsl(221, 46%, 51%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#496DBC

HEX#496DBC

RGBrgb(73, 109, 188)

HSLhsl(221, 46%, 51%)

HSVhsv(221, 61%, 74%)

OKLCHoklch(54.7% 0.13 264.1)

CMYKcmyk(61%, 42%, 0%, 26%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#496DBC Complementary#BC9749 Analogous#49A6BC Analogous#5E49BC Triadic#BC496D Triadic#6DBC49

Tints & Shades

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

Tints

#6382C5 #7994CD #93A9D7 #ADBDE1 #C7D2EA #DDE4F3

Shades

#3D5DA4 #34518D #2B4273 #213359 #17243F #0F1729

Use #496DBC in Our Tools

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