#470F75 Color

#470F75 is rgb(71, 15, 117) in RGB and hsl(273, 77%, 26%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#470F75

HEX#470F75

RGBrgb(71, 15, 117)

HSLhsl(273, 77%, 26%)

HSVhsv(273, 87%, 46%)

OKLCHoklch(33% 0.156 302.9)

CMYKcmyk(39%, 87%, 0%, 54%)

Text Contrast & Accessibility

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

TextWhite text13.18:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#470F75 Complementary#3D750F Analogous#140F75 Analogous#750F70 Triadic#75470F Triadic#0F7547

Tints & Shades

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

Tints

#6315A2 #811CD4 #9A3DE6 #B16AEC #C997F2 #E3C9F8

Shades

#3F0D68 #370C5A #2F0A4D #24083B #1B062D #130420

Use #470F75 in Our Tools

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