#AF0DB8

#AF0DB8

Color Values

HEX

#AF0DB8

RGB

175, 13, 184

HSL

296.8, 86.8%, 38.6%

HSV

296.8, 92.9%, 72.2%

CMYK

4.9%, 92.9%, 0.0%, 27.8%

OKLCH

0.5379 0.2451 325.6

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#AF0DB8

#16B80D

Analogous

#590DB8

#B80D6C

#AF0DB8

Triadic

#AF0DB8

#B8AF0D

#0DB8AF

Split Complementary

#AF0DB8

#6CB80D

#0DB859

Tetradic

#AF0DB8

#B8590D

#16B80D

#0D6CB8

Color Blindness Simulation

Original

#AF0DB8

Protanopia

#69678F

Deuteranopia

#727E85

Tritanopia

#A76E67

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E0FA
200
#F7BCFA
300
#F18DF7
400
#EA4FF3
500
#E211EE
600
#B50DBF
700
#910B98
800
#710877
900
#520B56
950
#340737

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

3.57:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026