#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