#AF4AB5

#AF4AB5

Color Values

HEX

#AF4AB5

RGB

175, 74, 181

HSL

296.6, 42.0%, 50.0%

HSV

296.6, 59.1%, 71.0%

CMYK

3.3%, 59.1%, 0.0%, 29.0%

OKLCH

0.5813 0.1853 325.4

Properties

Cool Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#AF4AB5

#50B54A

Analogous

#794AB5

#B54A86

#AF4AB5

Triadic

#AF4AB5

#B5AF4A

#4AB5AF

Split Complementary

#AF4AB5

#86B54A

#4AB579

Tetradic

#AF4AB5

#B5794A

#50B54A

#4A86B5

Color Blindness Simulation

Original

#AF4AB5

Protanopia

#83829B

Deuteranopia

#899195

Tritanopia

#AA8782

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F4
200
#E9CCEA
300
#D9A8DC
400
#C479C8
500
#AF4AB5
600
#8C3B91
700
#702F74
800
#57255B
900
#411E43
950
#29132A

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

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