#AF24AE

#AF24AE

Color Values

HEX

#AF24AE

RGB

175, 36, 174

HSL

300,4, 65,9%, 41,4%

HSV

300,4, 79,4%, 68,6%

CMYK

0,0%, 79,4%, 0,6%, 31,4%

OKLCH

0,542 0,2243 328,5

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF24AE

#24AF25

Analogous

#6A24AF

#AF2469

#AF24AE

Triadic

#AF24AE

#AEAF24

#24AEAF

Split Complementary

#AF24AE

#69AF24

#24AF6A

Tetradic

#AF24AE

#AF6A24

#24AF25

#2469AF

Color Blindness Simulation

Original

#AF24AE

Protanopia

#73728D

Deuteranopia

#7B8585

Tritanopia

#A8726C

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F3C4F3
300
#EA99EA
400
#DF62DE
500
#D42BD2
600
#A923A8
700
#871C87
800
#6A1669
900
#4D144D
950
#310C31

Contrast Checker

Text on white

5,7:1

AA Pass AAA Fail

Text on black

3,69: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