HEX Color #AF24FF (Darkviolet)

About #AF24FF

The precise color #AF24FF is an excellent choice for modern design projects. Designers often compare it to the standard color Darkviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 36, and 255.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 31% C, 86% M, 0% Y, and 0% K. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#AF24FF

RGB175, 36, 255

HSL278.1°, 100.0%, 57.1%

CMYK31%, 86%, 0%, 0%

HSV278.1°, 85.9%, 100.0%

LAB49.0, 82.8, -79.8

XYZ36.4, 17.6, 96.1

Decimal11478271

Color Harmonies

Complementary

#AF24FF #73FF23

Analogous

#4123FF #FF23E1

Triadic

#FFAE23 #23FFAE

Tetradic

#FF4123 #73FF23 #23E1FF

Tints, Shades & Tones

Tints (Adding White)

#AF24FF

#B73CFF

#C054FF

#C96DFF

#D285FF

#DB9DFF

#E4B6FF

#EDCEFF

#F6E6FF

#FFFFFF

Shades (Adding Black)

#AF24FF

#9B20E2

#881CC6

#7418AA

#61148D

#4D1071

#3A0C55

#260838

#13041C

#000000

WCAG Contrast Accessibility

4.65:1

Text on #FFFFFF

AA

4.52:1

Text on #000000

AA

4.44:1

Text on #F8FAFC

AA Large

3.84:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #AF24FF; }

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

Similar Colors

Darkviolet

#9400D3