#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026