#421E80 Color

#421E80 is rgb(66, 30, 128) in RGB and hsl(262, 62%, 31%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#421E80

HEX#421E80

RGBrgb(66, 30, 128)

HSLhsl(262, 62%, 31%)

HSVhsv(262, 77%, 50%)

OKLCHoklch(34.9% 0.153 293.7)

CMYKcmyk(48%, 77%, 0%, 50%)

Text Contrast & Accessibility

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

TextWhite text12.15:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#421E80 Complementary#5C801E Analogous#1E2B80 Analogous#731E80 Triadic#80421E Triadic#1E8042

Tints & Shades

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

Tints

#5728A9 #6A30CF #885AD8 #A37FE1 #C1A8EB #DBCDF3

Shades

#391A70 #31165F #28124E #221042 #1A0C32 #110821

Use #421E80 in Our Tools

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