#A30F8D Color

#A30F8D is rgb(163, 15, 141) in RGB and hsl(309, 83%, 35%) in HSL. The closest CSS named color is DarkMagenta. White text is most readable on this background.

#A30F8D

HEX#A30F8D

RGBrgb(163, 15, 141)

HSLhsl(309, 83%, 35%)

HSVhsv(309, 91%, 64%)

OKLCHoklch(49.3% 0.21 336.1)

CMYKcmyk(0%, 91%, 13%, 36%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#A30F8D Complementary#0FA325 Analogous#6F0FA3 Analogous#A30F43 Triadic#8DA30F Triadic#0F8DA3

Tints & Shades

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

Tints

#CD13B1 #EB24CD #EF4ED6 #F278E0 #F6A2EA #FACCF3

Shades

#910D7D #790B69 #670A59 #4F0745 #3D0634 #250320

Use #A30F8D in Our Tools

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