#A852DF

#A852DF

Color Values

HEX

#A852DF

RGB

168, 82, 223

HSL

276.6, 68.8%, 59.8%

HSV

276.6, 63.2%, 87.5%

CMYK

24.7%, 63.2%, 0.0%, 12.5%

OKLCH

0.6072 0.2116 309.6

Properties

Cool Light Nearest: darkorchid

Color Harmonies

Complementary

#A852DF

#89DF52

Analogous

#6152DF

#DF52D0

#A852DF

Triadic

#A852DF

#DFA852

#52DFA8

Split Complementary

#A852DF

#D0DF52

#52DF61

Tetradic

#A852DF

#DF6152

#89DF52

#52D0DF

Color Blindness Simulation

Original

#A852DF

Protanopia

#8382BD

Deuteranopia

#888EB5

Tritanopia

#A4A29C

Achromatopsia

#6E6E6E

CSS Usage

background-color: #A852DF;
color: #A852DF;
border-color: #A852DF;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F3FC
100
#EFE3F8
200
#E1C3F4
300
#CB98EC
400
#AF60E2
500
#9328D7
600
#7520AC
700
#5E198A
800
#49146C
900
#37124E
950
#230C32

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

4.94:1

AA Pass 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