#AF429F

#AF429F

Color Values

HEX

#AF429F

RGB

175, 66, 159

HSL

308.8, 45.2%, 47.3%

HSV

308.8, 62.3%, 68.6%

CMYK

0.0%, 62.3%, 9.1%, 31.4%

OKLCH

0.5606 0.1784 333.9

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AF429F

#42AF52

Analogous

#8942AF

#AF4269

#AF429F

Triadic

#AF429F

#9FAF42

#429FAF

Split Complementary

#AF429F

#69AF42

#42AF89

Tetradic

#AF429F

#AF8942

#42AF52

#4269AF

Color Blindness Simulation

Original

#AF429F

Protanopia

#807F89

Deuteranopia

#868E83

Tritanopia

#AA7773

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#EBCBE7
300
#DDA6D5
400
#CB76BF
500
#B946A8
600
#943887
700
#762D6C
800
#5D2354
900
#441D3E
950
#2B1227

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

4.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026