#AF22DD

#AF22DD

Color Values

HEX

#AF22DD

RGB

175, 34, 221

HSL

285.2, 73.3%, 50.0%

HSV

285.2, 84.6%, 86.7%

CMYK

20.8%, 84.6%, 0.0%, 13.3%

OKLCH

0.5719 0.2615 315.4

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#AF22DD

#50DD22

Analogous

#5122DD

#DD22AE

#AF22DD

Triadic

#AF22DD

#DDAF22

#22DDAF

Split Complementary

#AF22DD

#AEDD22

#22DD51

Tetradic

#AF22DD

#DD5122

#50DD22

#22AEDD

Color Blindness Simulation

Original

#AF22DD

Protanopia

#7271B0

Deuteranopia

#7A85A5

Tritanopia

#A88C84

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FAF3FC
100
#F3E2F8
200
#E9C1F5
300
#D995EF
400
#C45BE6
500
#AF22DD
600
#8C1BB1
700
#70168D
800
#57116E
900
#411050
950
#290A33

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