#AF23B1

#AF23B1

Color Values

HEX

#AF23B1

RGB

175, 35, 177

HSL

299.2, 67.0%, 41.6%

HSV

299.2, 80.2%, 69.4%

CMYK

1.1%, 80.2%, 0.0%, 30.6%

OKLCH

0.5432 0.2273 327.5

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF23B1

#25B123

Analogous

#6823B1

#B1236C

#AF23B1

Triadic

#AF23B1

#B1AF23

#23B1AF

Split Complementary

#AF23B1

#6CB123

#23B168

Tetradic

#AF23B1

#B16823

#25B123

#236CB1

Color Blindness Simulation

Original

#AF23B1

Protanopia

#72718F

Deuteranopia

#7A8586

Tritanopia

#A8736E

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F3C3F3
300
#EA99EB
400
#DE61E0
500
#D32AD5
600
#A922AA
700
#871B88
800
#69156A
900
#4D134E
950
#310C31

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

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