#AF29AD

#AF29AD

Color Values

HEX

#AF29AD

RGB

175, 41, 173

HSL

300,9, 62,0%, 42,4%

HSV

300,9, 76,6%, 68,6%

CMYK

0,0%, 76,6%, 1,1%, 31,4%

OKLCH

0,5448 0,2191 328,7

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF29AD

#29AF2B

Analogous

#6E29AF

#AF296A

#AF29AD

Triadic

#AF29AD

#ADAF29

#29ADAF

Split Complementary

#AF29AD

#6AAF29

#29AF6E

Tetradic

#AF29AD

#AF6E29

#29AF2B

#296AAF

Color Blindness Simulation

Original

#AF29AD

Protanopia

#75748D

Deuteranopia

#7D8785

Tritanopia

#A8746E

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F7E4F6
200
#F1C5F1
300
#E89CE7
400
#DB66D9
500
#CF30CC
600
#A527A3
700
#841F83
800
#671866
900
#4B154B
950
#300E2F

Contrast Checker

Text on white

5,61:1

AA Pass AAA Fail

Text on black

3,74:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026