HEX Color #A824E2 (Darkviolet)

About #A824E2

The hex code #A824E2 represents a beautifully specific shade of purple. Its closest recognized web color is Darkviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 168, 36, and 226.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 26% C, 84% M, 0% Y, and 11% K. The HSL representation is 281.7° hue, 76.6% saturation, and 51.4% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#A824E2

RGB168, 36, 226

HSL281.7°, 76.6%, 51.4%

CMYK26%, 84%, 0%, 11%

HSV281.7°, 84.1%, 88.6%

LAB45.7, 76.2, -68.8

XYZ30.5, 15.1, 73.3

Decimal11019490

Color Harmonies

Complementary

#A824E2 #5EE223

Analogous

#4823E2 #E223BD

Triadic

#E2A723 #23E2A7

Tetradic

#E24823 #5EE223 #23BDE2

Tints, Shades & Tones

Tints (Adding White)

#A824E2

#B13CE5

#BB54E8

#C56DEB

#CE85EE

#D89DF2

#E2B6F5

#EBCEF8

#F5E6FB

#FFFFFF

Shades (Adding Black)

#A824E2

#9520C8

#821CAF

#701896

#5D147D

#4A1064

#380C4B

#250832

#120419

#000000

WCAG Contrast Accessibility

5.23:1

Text on #FFFFFF

AA

4.02:1

Text on #000000

AA Large

5.00:1

Text on #F8FAFC

AA

3.41:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #A824E2; }

.text-color { color: #A824E2; }

.border-color { border: 2px solid #A824E2; }

Similar Colors

Darkviolet

#9400D3