#AF1CA2

#AF1CA2

Color Values

HEX

#AF1CA2

RGB

175, 28, 162

HSL

305.3, 72.4%, 39.8%

HSV

305.3, 84.0%, 68.6%

CMYK

0.0%, 84.0%, 7.4%, 31.4%

OKLCH

0.5304 0.222 332.5

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF1CA2

#1CAF29

Analogous

#721CAF

#AF1C59

#AF1CA2

Triadic

#AF1CA2

#A2AF1C

#1CA2AF

Split Complementary

#AF1CA2

#59AF1C

#1CAF72

Tetradic

#AF1CA2

#AF721C

#1CAF29

#1C59AF

Color Blindness Simulation

Original

#AF1CA2

Protanopia

#6F6E82

Deuteranopia

#78837A

Tritanopia

#A86862

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F5C1F1
300
#EE95E6
400
#E55CD9
500
#DC23CC
600
#B01CA3
700
#8D1782
800
#6E1266
900
#50114A
950
#330B2F

Contrast Checker

Text on white

5.98:1

AA Pass AAA Fail

Text on black

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