#420665 Color

#420665 is rgb(66, 6, 101) in RGB and hsl(278, 89%, 21%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#420665

HEX#420665

RGBrgb(66, 6, 101)

HSLhsl(278, 89%, 21%)

HSVhsv(278, 94%, 40%)

OKLCHoklch(30.1% 0.147 307.4)

CMYKcmyk(35%, 94%, 0%, 60%)

Text Contrast & Accessibility

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

TextWhite text14.53:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#420665 Complementary#296506 Analogous#130665 Analogous#650659 Triadic#654206 Triadic#066542

Tints & Shades

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

Tints

#65099A #880CCF #A621F2 #BB56F5 #D08BF8 #E6C0FB

Shades

#3C055C #32044D #2C0443 #230335 #1C032B #13021D

Use #420665 in Our Tools

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