#A352D2

#A352D2

Color Values

HEX

#A352D2

RGB

163, 82, 210

HSL

278.0, 58.7%, 57.3%

HSV

278.0, 61.0%, 82.4%

CMYK

22.4%, 61.0%, 0.0%, 17.6%

OKLCH

0.5931 0.1966 311.0

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#A352D2

#81D252

Analogous

#6352D2

#D252C1

#A352D2

Triadic

#A352D2

#D2A352

#52D2A3

Split Complementary

#A352D2

#C1D252

#52D263

Tetradic

#A352D2

#D26352

#81D252

#52C1D2

Color Blindness Simulation

Original

#A352D2

Protanopia

#807FB3

Deuteranopia

#858BAC

Tritanopia

#9F9B95

Achromatopsia

#6C6C6C

CSS Usage

background-color: #A352D2;
color: #A352D2;
border-color: #A352D2;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#F8F4FB
100
#F0E4F6
200
#E1C6F0
300
#CB9EE6
400
#AF69D8
500
#9335CA
600
#762AA2
700
#5E2281
800
#4A1A65
900
#37174A
950
#230E2F

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

4.69: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