#421C6E Color

#421C6E is rgb(66, 28, 110) in RGB and hsl(268, 59%, 27%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#421C6E

HEX#421C6E

RGBrgb(66, 28, 110)

HSLhsl(268, 59%, 27%)

HSVhsv(268, 75%, 43%)

OKLCHoklch(33.1% 0.134 300.3)

CMYKcmyk(40%, 75%, 0%, 57%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#421C6E Complementary#486D1C Analogous#1C1F6D Analogous#6B1C6D Triadic#6D421C Triadic#1C6D42

Tints & Shades

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

Tints

#5B2796 #7331BF #8D51D2 #AA7DDE #C5A6E8 #DFCEF2

Shades

#3B1961 #311551 #2A1245 #220F39 #1B0C2D #11071C

Use #421C6E in Our Tools

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