#AF11AD

#AF11AD

Color Values

HEX

#AF11AD

RGB

175, 17, 173

HSL

300,8, 82,3%, 37,6%

HSV

300,8, 90,3%, 68,6%

CMYK

0,0%, 90,3%, 1,1%, 31,4%

OKLCH

0,5322 0,2359 328,9

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF11AD

#11AF13

Analogous

#6211AF

#AF115E

#AF11AD

Triadic

#AF11AD

#ADAF11

#11ADAF

Split Complementary

#AF11AD

#5EAF11

#11AF62

Tetradic

#AF11AD

#AF6211

#11AF13

#115EAF

Color Blindness Simulation

Original

#AF11AD

Protanopia

#6B6987

Deuteranopia

#74807E

Tritanopia

#A76963

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE1F9
200
#F9BEF8
300
#F48FF3
400
#EE53EC
500
#E817E6
600
#BA12B8
700
#950E93
800
#740B73
900
#540D53
950
#350835

Contrast Checker

Text on white

5,99:1

AA Pass AAA Fail

Text on black

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