#AF20A1

#AF20A1

Color Values

HEX

#AF20A1

RGB

175, 32, 161

HSL

305.9, 69.1%, 40.6%

HSV

305.9, 81.7%, 68.6%

CMYK

0.0%, 81.7%, 8.0%, 31.4%

OKLCH

0.5321 0.2183 332.8

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF20A1

#20AF2E

Analogous

#7620AF

#AF2059

#AF20A1

Triadic

#AF20A1

#A1AF20

#20A1AF

Split Complementary

#AF20A1

#59AF20

#20AF76

Tetradic

#AF20A1

#AF7620

#20AF2E

#2059AF

Color Blindness Simulation

Original

#AF20A1

Protanopia

#717082

Deuteranopia

#79847A

Tritanopia

#A86964

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E3F6
200
#F4C3EF
300
#EC98E4
400
#E25FD5
500
#D827C6
600
#AC209F
700
#8A197F
800
#6C1463
900
#4F1249
950
#320C2E

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

3.54:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026