#475AEB Color

#475AEB is rgb(71, 90, 235) in RGB and hsl(233, 80%, 60%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#475AEB

HEX#475AEB

RGBrgb(71, 90, 235)

HSLhsl(233, 80%, 60%)

HSVhsv(233, 70%, 92%)

OKLCHoklch(54.3% 0.217 271.3)

CMYKcmyk(70%, 62%, 0%, 8%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#475AEB Complementary#EBD847 Analogous#47ACEB Analogous#8647EB Triadic#EB475A Triadic#5AEB47

Tints & Shades

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

Tints

#5E6FED #7A88F0 #919CF3 #ACB5F6 #C3CAF8 #DFE2FB

Shades

#233AE7 #162BCA #1223A5 #0E1C81 #0A145C #060C37

Use #475AEB in Our Tools

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