#AF289A

#AF289A

Color Values

HEX

#AF289A

RGB

175, 40, 154

HSL

309.3, 62.8%, 42.2%

HSV

309.3, 77.1%, 68.6%

CMYK

0.0%, 77.1%, 12.0%, 31.4%

OKLCH

0.5336 0.2064 335.4

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF289A

#28AF3D

Analogous

#8128AF

#AF2857

#AF289A

Triadic

#AF289A

#9AAF28

#289AAF

Split Complementary

#AF289A

#57AF28

#28AF81

Tetradic

#AF289A

#AF8128

#28AF3D

#2857AF

Color Blindness Simulation

Original

#AF289A

Protanopia

#75737E

Deuteranopia

#7C8678

Tritanopia

#A86964

Achromatopsia

#4D4D4D

CSS Usage

background-color: #AF289A;
color: #AF289A;
border-color: #AF289A;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF3FA
100
#F7E4F4
200
#F2C5EB
300
#E89BDC
400
#DC65CA
500
#D02FB7
600
#A62692
700
#851E75
800
#68185B
900
#4C1543
950
#300D2B

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

3.59:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026