#470EAA Color

#470EAA is rgb(71, 14, 170) in RGB and hsl(262, 85%, 36%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#470EAA

HEX#470EAA

RGBrgb(71, 14, 170)

HSLhsl(262, 85%, 36%)

HSVhsv(262, 92%, 67%)

OKLCHoklch(38.4% 0.211 287.5)

CMYKcmyk(58%, 92%, 0%, 33%)

Text Contrast & Accessibility

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

TextWhite text10.99:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.91:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#470EAA Complementary#71AA0E Analogous#0E23AA Analogous#950EAA Triadic#AA470E Triadic#0EAA47

Tints & Shades

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

Tints

#5911D4 #6F26ED #8B50F1 #A476F4 #C0A1F7 #DDCBFB

Shades

#3D0C92 #350A7F #2B0868 #230755 #1A053D #12032A

Use #470EAA in Our Tools

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