#A820DF

#A820DF

Color Values

HEX

#A820DF

RGB

168, 32, 223

HSL

282,7, 74,9%, 50,0%

HSV

282,7, 85,7%, 87,5%

CMYK

24,7%, 85,7%, 0,0%, 12,5%

OKLCH

0,5627 0,2623 312,7

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#A820DF

#57DF20

Analogous

#4820DF

#DF20B7

#A820DF

Triadic

#A820DF

#DFA820

#20DFA8

Split Complementary

#A820DF

#B7DF20

#20DF48

Tetradic

#A820DF

#DF4820

#57DF20

#20B7DF

Color Blindness Simulation

Original

#A820DF

Protanopia

#6D6CB1

Deuteranopia

#757FA6

Tritanopia

#A18C84

Achromatopsia

#4B4B4B

CSS Usage

background-color: #A820DF;
color: #A820DF;
border-color: #A820DF;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F9F2FC
100
#F2E2F9
200
#E7C1F6
300
#D594F0
400
#BF5AE7
500
#A820DF
600
#861AB2
700
#6B148F
800
#54106F
900
#3E1051
950
#270A33

Contrast Checker

Text on white

5,33:1

AA Pass AAA Fail

Text on black

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