#AF29A8

#AF29A8

Color Values

HEX

#AF29A8

RGB

175, 41, 168

HSL

303.1, 62.0%, 42.4%

HSV

303.1, 76.6%, 68.6%

CMYK

0.0%, 76.6%, 4.0%, 31.4%

OKLCH

0.5419 0.2154 330.4

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF29A8

#29AF30

Analogous

#7329AF

#AF2965

#AF29A8

Triadic

#AF29A8

#A8AF29

#29A8AF

Split Complementary

#AF29A8

#65AF29

#29AF73

Tetradic

#AF29A8

#AF7329

#29AF30

#2965AF

Color Blindness Simulation

Original

#AF29A8

Protanopia

#757489

Deuteranopia

#7D8782

Tritanopia

#A8716C

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F7E4F6
200
#F1C5EF
300
#E89CE4
400
#DB66D5
500
#CF30C6
600
#A5279F
700
#841F7F
800
#671863
900
#4B1549
950
#300E2E

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

3.71: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