#321A93 Color

#321A93 is rgb(50, 26, 147) in RGB and hsl(252, 70%, 34%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#321A93

HEX#321A93

RGBrgb(50, 26, 147)

HSLhsl(252, 70%, 34%)

HSVhsv(252, 82%, 58%)

OKLCHoklch(34.8% 0.181 280.6)

CMYKcmyk(66%, 82%, 0%, 42%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#321A93 Complementary#7B931A Analogous#1A3E93 Analogous#6F1A93 Triadic#93321A Triadic#1A9332

Tints & Shades

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

Tints

#4021BA #512FDA #7256E1 #9681E9 #B7A8F0 #D7CFF7

Shades

#2C1782 #25136C #1F105B #190D4A #130A38 #0C0623

Use #321A93 in Our Tools

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