#AF3566

#AF3566

Color Values

HEX

#AF3566

RGB

175, 53, 102

HSL

335,9, 53,5%, 44,7%

HSV

335,9, 69,7%, 68,6%

CMYK

0,0%, 69,7%, 41,7%, 31,4%

OKLCH

0,5229 0,1628 359,9

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AF3566

#35AF7E

Analogous

#AF35A3

#AF4135

#AF3566

Triadic

#AF3566

#66AF35

#3566AF

Split Complementary

#AF3566

#35AF41

#35A3AF

Tetradic

#AF3566

#A3AF35

#35AF7E

#4135AF

Color Blindness Simulation

Original

#AF3566

Protanopia

#7A795A

Deuteranopia

#818A57

Tritanopia

#A9514F

Achromatopsia

#525252

CSS Usage

background-color: #AF3566;
color: #AF3566;
border-color: #AF3566;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EEC8D8
300
#E3A1BB
400
#D36E97
500
#C43B72
600
#9D2F5B
700
#7D2649
800
#621E39
900
#48192C
950
#2D101C

Contrast Checker

Text on white

5,96:1

AA Pass AAA Fail

Text on black

3,52: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