#A1218E Color

#A1218E is rgb(161, 33, 142) in RGB and hsl(309, 66%, 38%) in HSL. The closest CSS named color is DarkMagenta. White text is most readable on this background.

#A1218E

HEX#A1218E

RGBrgb(161, 33, 142)

HSLhsl(309, 66%, 38%)

HSVhsv(309, 80%, 63%)

OKLCHoklch(50% 0.197 335.2)

CMYKcmyk(0%, 80%, 12%, 37%)

Text Contrast & Accessibility

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

TextWhite text6.72:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#A1218E Complementary#21A134 Analogous#7421A1 Analogous#A1214E Triadic#8EA121 Triadic#218EA1

Tints & Shades

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

Tints

#C729AF #D841C1 #E067CE #E788D9 #EFAFE5 #F5D0F0

Shades

#8C1D7B #771868 #611456 #501047 #3B0C34 #260822

Use #A1218E in Our Tools

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