#A921ED Color

#A921ED is rgb(169, 33, 237) in RGB and hsl(280, 85%, 53%) in HSL. The closest CSS named color is BlueViolet. White text is most readable on this background.

#A921ED

HEX#A921ED

RGBrgb(169, 33, 237)

HSLhsl(280, 85%, 53%)

HSVhsv(280, 86%, 93%)

OKLCHoklch(57.5% 0.273 309.8)

CMYKcmyk(29%, 86%, 0%, 7%)

Text Contrast & Accessibility

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

TextWhite text5.09:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.13:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#A921ED Complementary#65ED21 Analogous#4321ED Analogous#ED21CB Triadic#EDA921 Triadic#21EDA9

Tints & Shades

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

Tints

#B43EEF #C15FF2 #CC7BF4 #D99CF7 #E4B8F9 #F0D9FC

Shades

#9712D9 #800FB8 #690C97 #520A76 #3B0755 #240434

Use #A921ED in Our Tools

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