#4C85BD Color

#4C85BD is rgb(76, 133, 189) in RGB and hsl(210, 46%, 52%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#4C85BD

HEX#4C85BD

RGBrgb(76, 133, 189)

HSLhsl(210, 46%, 52%)

HSVhsv(210, 60%, 74%)

OKLCHoklch(60.2% 0.105 249.6)

CMYKcmyk(60%, 30%, 0%, 26%)

Text Contrast & Accessibility

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

TextWhite text3.89:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.4:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#4C85BD Complementary#BD854C Analogous#4CBDBD Analogous#4C4CBD Triadic#BD4C85 Triadic#85BD4C

Tints & Shades

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

Tints

#6696C7 #7DA6CF #97B8D8 #ADC7E1 #C7D9EA #DDE8F3

Shades

#3E73A8 #34618D #2B4F73 #22405D #192E43 #0F1C29

Use #4C85BD in Our Tools

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