#AF0CB5

#AF0CB5

Color Values

HEX

#AF0CB5

RGB

175, 12, 181

HSL

297.9, 87.6%, 37.8%

HSV

297.9, 93.4%, 71.0%

CMYK

3.3%, 93.4%, 0.0%, 29.0%

OKLCH

0.5357 0.2434 326.5

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#AF0CB5

#12B50C

Analogous

#5A0CB5

#B50C66

#AF0CB5

Triadic

#AF0CB5

#B5AF0C

#0CB5AF

Split Complementary

#AF0CB5

#66B50C

#0CB55A

Tetradic

#AF0CB5

#B55A0C

#12B50C

#0C66B5

Color Blindness Simulation

Original

#AF0CB5

Protanopia

#68678C

Deuteranopia

#727E82

Tritanopia

#A76C65

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#F8BCFB
300
#F48CF7
400
#EE4EF3
500
#E710EF
600
#B90DBF
700
#940A99
800
#740878
900
#540A57
950
#350637

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

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