#AF20A2

#AF20A2

Color Values

HEX

#AF20A2

RGB

175, 32, 162

HSL

305.5, 69.1%, 40.6%

HSV

305.5, 81.7%, 68.6%

CMYK

0.0%, 81.7%, 7.4%, 31.4%

OKLCH

0.5326 0.219 332.5

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF20A2

#20AF2D

Analogous

#7520AF

#AF205A

#AF20A2

Triadic

#AF20A2

#A2AF20

#20A2AF

Split Complementary

#AF20A2

#5AAF20

#20AF75

Tetradic

#AF20A2

#AF7520

#20AF2D

#205AAF

Color Blindness Simulation

Original

#AF20A2

Protanopia

#717083

Deuteranopia

#79847B

Tritanopia

#A86A64

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E3F6
200
#F4C3EF
300
#EC98E4
400
#E25FD6
500
#D827C7
600
#AC20A0
700
#8A1980
800
#6C1464
900
#4F1249
950
#320C2E

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

3.55:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026