#AF13B5

#AF13B5

Color Values

HEX

#AF13B5

RGB

175, 19, 181

HSL

297.8, 81.0%, 39.2%

HSV

297.8, 89.5%, 71.0%

CMYK

3.3%, 89.5%, 0.0%, 29.0%

OKLCH

0.5379 0.2405 326.5

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#AF13B5

#19B513

Analogous

#5E13B5

#B5136A

#AF13B5

Triadic

#AF13B5

#B5AF13

#13B5AF

Split Complementary

#AF13B5

#6AB513

#13B55E

Tetradic

#AF13B5

#B55E13

#19B513

#136AB5

Color Blindness Simulation

Original

#AF13B5

Protanopia

#6B6A8E

Deuteranopia

#748084

Tritanopia

#A76F68

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E1F9
200
#F6BEF8
300
#F090F3
400
#E754ED
500
#DF18E7
600
#B313B9
700
#8F1094
800
#700C73
900
#510D54
950
#330835

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

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