#AB12ED Color

#AB12ED is rgb(171, 18, 237) in RGB and hsl(282, 86%, 50%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#AB12ED

HEX#AB12ED

RGBrgb(171, 18, 237)

HSLhsl(282, 86%, 50%)

HSVhsv(282, 92%, 93%)

OKLCHoklch(57.2% 0.281 310.8)

CMYKcmyk(28%, 92%, 0%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AB12ED Complementary#54ED12 Analogous#3E12ED Analogous#ED12C1 Triadic#EDAB12 Triadic#12EDAB

Tints & Shades

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

Tints

#B733F0 #C354F2 #CE75F5 #D992F7 #E4B3F9 #F0D4FC

Shades

#930FCC #7F0DAF #670B8E #520972 #3A0651 #260434

Use #AB12ED in Our Tools

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