#AF38A0

#AF38A0

Color Values

HEX

#AF38A0

RGB

175, 56, 160

HSL

307.6, 51.5%, 45.3%

HSV

307.6, 68.0%, 68.6%

CMYK

0.0%, 68.0%, 8.6%, 31.4%

OKLCH

0.5504 0.1927 333.3

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF38A0

#38AF47

Analogous

#8338AF

#AF3864

#AF38A0

Triadic

#AF38A0

#A0AF38

#38A0AF

Split Complementary

#AF38A0

#64AF38

#38AF83

Tetradic

#AF38A0

#AF8338

#38AF47

#3864AF

Color Blindness Simulation

Original

#AF38A0

Protanopia

#7B7A87

Deuteranopia

#828B81

Tritanopia

#A9736F

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC9E9
300
#E1A2D9
400
#D170C5
500
#C13EB1
600
#9B318D
700
#7C2871
800
#611F58
900
#471A41
950
#2D1029

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

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