#AE12BA Color

#AE12BA is rgb(174, 18, 186) in RGB and hsl(296, 82%, 40%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#AE12BA

HEX#AE12BA

RGBrgb(174, 18, 186)

HSLhsl(296, 82%, 40%)

HSVhsv(296, 90%, 73%)

OKLCHoklch(53.9% 0.244 324.7)

CMYKcmyk(6%, 90%, 0%, 27%)

Text Contrast & Accessibility

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

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

TextBlack text3.6:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#AE12BA Complementary#1EBA12 Analogous#5B12BA Analogous#BA1271 Triadic#BAAE12 Triadic#12BAAE

Tints & Shades

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

Tints

#D116DF #DF37EB #E55DEF #EB82F3 #F1A7F6 #F8D1FA

Shades

#9910A2 #830E8B #6D0B74 #530958 #3D0641 #27042A

Use #AE12BA in Our Tools

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