#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