#AF22A8

#AF22A8

Color Values

HEX

#AF22A8

RGB

175, 34, 168

HSL

303.0, 67.5%, 41.0%

HSV

303.0, 80.6%, 68.6%

CMYK

0.0%, 80.6%, 4.0%, 31.4%

OKLCH

0.5373 0.2216 330.4

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF22A8

#22AF29

Analogous

#7022AF

#AF2261

#AF22A8

Triadic

#AF22A8

#A8AF22

#22A8AF

Split Complementary

#AF22A8

#61AF22

#22AF70

Tetradic

#AF22A8

#AF7022

#22AF29

#2261AF

Color Blindness Simulation

Original

#AF22A8

Protanopia

#727188

Deuteranopia

#7A8580

Tritanopia

#A86E68

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F3C3F1
300
#EB98E7
400
#E061DA
500
#D629CD
600
#AB21A4
700
#891B83
800
#6B1566
900
#4E134B
950
#310C2F

Contrast Checker

Text on white

5.81:1

AA Pass AAA Fail

Text on black

3.62: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