#421D53 Color

#421D53 is rgb(66, 29, 83) in RGB and hsl(281, 48%, 22%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#421D53
HEX#421D53
RGBrgb(66, 29, 83)
HSLhsl(281, 48%, 22%)
HSVhsv(281, 65%, 33%)
OKLCHoklch(31.1% 0.1 313.7)
CMYKcmyk(20%, 65%, 0%, 67%)

Text Contrast & Accessibility

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

TextWhite text13.7:1AA normal ✓AA large ✓AAA normal ✓
TextBlack text1.53:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#421D53Complementary#2E531DAnalogous#271D53Analogous#531D49Triadic#53421DTriadic#1D5342

Tints & Shades

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

Use #421D53 in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex