#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026