#AF29D6

#AF29D6

Color Values

HEX

#AF29D6

RGB

175, 41, 214

HSL

286.5, 67.8%, 50.0%

HSV

286.5, 80.8%, 83.9%

CMYK

18.2%, 80.8%, 0.0%, 16.1%

OKLCH

0.5711 0.2509 316.9

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#AF29D6

#50D629

Analogous

#5929D6

#D629A6

#AF29D6

Triadic

#AF29D6

#D6AF29

#29D6AF

Split Complementary

#AF29D6

#A6D629

#29D659

Tetradic

#AF29D6

#D65929

#50D629

#29A6D6

Color Blindness Simulation

Original

#AF29D6

Protanopia

#7574AC

Deuteranopia

#7D87A2

Tritanopia

#A88B84

Achromatopsia

#525252

CSS Usage

background-color: #AF29D6;
color: #AF29D6;
border-color: #AF29D6;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FAF3FC
100
#F3E3F7
200
#E9C3F4
300
#D998EB
400
#C461E1
500
#AF29D6
600
#8C21AB
700
#701A89
800
#58156B
900
#41134E
950
#290C31

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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