#AF31AA

#AF31AA

Color Values

HEX

#AF31AA

RGB

175, 49, 170

HSL

302.4, 56.2%, 43.9%

HSV

302.4, 72.0%, 68.6%

CMYK

0.0%, 72.0%, 2.9%, 31.4%

OKLCH

0.5494 0.2086 329.7

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF31AA

#31AF36

Analogous

#7531AF

#AF316B

#AF31AA

Triadic

#AF31AA

#AAAF31

#31AAAF

Split Complementary

#AF31AA

#6BAF31

#31AF75

Tetradic

#AF31AA

#AF7531

#31AF36

#316BAF

Color Blindness Simulation

Original

#AF31AA

Protanopia

#78778D

Deuteranopia

#808986

Tritanopia

#A97671

Achromatopsia

#555555

CSS Usage

background-color: #AF31AA;
color: #AF31AA;
border-color: #AF31AA;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF4FB
100
#F6E5F5
200
#EFC7EE
300
#E49FE1
400
#D66CD1
500
#C738C1
600
#9F2D9B
700
#7F247C
800
#641C61
900
#491847
950
#2E0F2D

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

3.84:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026