#AF2A9E

#AF2A9E

Color Values

HEX

#AF2A9E

RGB

175, 42, 158

HSL

307.7, 61.3%, 42.5%

HSV

307.7, 76.0%, 68.6%

CMYK

0.0%, 76.0%, 9.7%, 31.4%

OKLCH

0.5372 0.2072 333.9

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF2A9E

#2AAF3B

Analogous

#7D2AAF

#AF2A5B

#AF2A9E

Triadic

#AF2A9E

#9EAF2A

#2A9EAF

Split Complementary

#AF2A9E

#5BAF2A

#2AAF7D

Tetradic

#AF2A9E

#AF7D2A

#2AAF3B

#2A5BAF

Color Blindness Simulation

Original

#AF2A9E

Protanopia

#757482

Deuteranopia

#7D877B

Tritanopia

#A86C67

Achromatopsia

#4F4F4F

CSS Usage

background-color: #AF2A9E;
color: #AF2A9E;
border-color: #AF2A9E;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF3FA
100
#F6E4F4
200
#F1C5EC
300
#E79CDE
400
#DA67CC
500
#CE31BA
600
#A52794
700
#842077
800
#67195D
900
#4B1644
950
#2F0E2B

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

3.65:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026