#475FBD Color

#475FBD is rgb(71, 95, 189) in RGB and hsl(228, 47%, 51%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#475FBD

HEX#475FBD

RGBrgb(71, 95, 189)

HSLhsl(228, 47%, 51%)

HSVhsv(228, 62%, 74%)

OKLCHoklch(51.7% 0.15 269.7)

CMYKcmyk(62%, 50%, 0%, 26%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#475FBD Complementary#BDA547 Analogous#479ABD Analogous#6B47BD Triadic#BD475F Triadic#5FBD47

Tints & Shades

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

Tints

#6276C6 #7889CE #92A0D8 #ADB7E1 #C7CEEB #DDE2F3

Shades

#3B51A5 #33468E #2A3974 #202C5A #171F40 #0F1429

Use #475FBD in Our Tools

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