#A524CC Color

#A524CC is rgb(165, 36, 204) in RGB and hsl(286, 70%, 47%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#A524CC

HEX#A524CC

RGBrgb(165, 36, 204)

HSLhsl(286, 70%, 47%)

HSVhsv(286, 82%, 80%)

OKLCHoklch(54.7% 0.244 316.4)

CMYKcmyk(19%, 82%, 0%, 20%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#A524CC Complementary#4BCC24 Analogous#5124CC Analogous#CC249F Triadic#CCA524 Triadic#24CCA5

Tints & Shades

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

Tints

#B538DC #C25AE2 #CD79E7 #D997ED #E4B5F2 #F1D8F8

Shades

#901FB2 #7B1B98 #66167E #4D115F #380C45 #23082B

Use #A524CC in Our Tools

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