#AF11B5

#AF11B5

Color Values

HEX

#AF11B5

RGB

175, 17, 181

HSL

297.8, 82.8%, 38.8%

HSV

297.8, 90.6%, 71.0%

CMYK

3.3%, 90.6%, 0.0%, 29.0%

OKLCH

0.5372 0.2414 326.5

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#AF11B5

#17B511

Analogous

#5D11B5

#B51169

#AF11B5

Triadic

#AF11B5

#B5AF11

#11B5AF

Split Complementary

#AF11B5

#69B511

#11B55D

Tetradic

#AF11B5

#B55D11

#17B511

#1169B5

Color Blindness Simulation

Original

#AF11B5

Protanopia

#6B698D

Deuteranopia

#748084

Tritanopia

#A76E67

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E1FA
200
#F7BEF9
300
#F18FF4
400
#E953EF
500
#E116E9
600
#B412BA
700
#900E95
800
#710B75
900
#520C55
950
#340835

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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