#4761AE Color

#4761AE is rgb(71, 97, 174) in RGB and hsl(225, 42%, 48%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#4761AE

HEX#4761AE

RGBrgb(71, 97, 174)

HSLhsl(225, 42%, 48%)

HSVhsv(225, 59%, 68%)

OKLCHoklch(51.1% 0.126 267.8)

CMYKcmyk(59%, 44%, 0%, 32%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#4761AE Complementary#AE9447 Analogous#4794AE Analogous#6147AE Triadic#AE4761 Triadic#61AE47

Tints & Shades

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

Tints

#5C74BC #758AC7 #8F9FD1 #ACB8DD #C5CEE7 #DEE3F2

Shades

#3E5598 #34477F #2B3A69 #222E53 #19223E #0F1424

Use #4761AE in Our Tools

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