#AF23DC

#AF23DC

Color Values

HEX

#AF23DC

RGB

175, 35, 220

HSL

285.4, 72.5%, 50.0%

HSV

285.4, 84.1%, 86.3%

CMYK

20.5%, 84.1%, 0.0%, 13.7%

OKLCH

0.5717 0.2601 315.6

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#AF23DC

#50DC23

Analogous

#5323DC

#DC23AC

#AF23DC

Triadic

#AF23DC

#DCAF23

#23DCAF

Split Complementary

#AF23DC

#ACDC23

#23DC53

Tetradic

#AF23DC

#DC5323

#50DC23

#23ACDC

Color Blindness Simulation

Original

#AF23DC

Protanopia

#7271AF

Deuteranopia

#7A85A4

Tritanopia

#A88C84

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FAF3FC
100
#F3E2F8
200
#E9C1F5
300
#D995EE
400
#C45CE5
500
#AF23DC
600
#8C1CB0
700
#70168D
800
#57126E
900
#411150
950
#290B33

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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