#A63DC2

#A63DC2

Color Values

HEX

#A63DC2

RGB

166, 61, 194

HSL

287.4, 52.2%, 50.0%

HSV

287.4, 68.6%, 76.1%

CMYK

14.4%, 68.6%, 0.0%, 23.9%

OKLCH

0.5622 0.2103 318.4

Properties

Cool Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#A63DC2

#59C23D

Analogous

#643DC2

#C23D9B

#A63DC2

Triadic

#A63DC2

#C2A63D

#3DC2A6

Split Complementary

#A63DC2

#9BC23D

#3DC264

Tetradic

#A63DC2

#C2643D

#59C23D

#3D9BC2

Color Blindness Simulation

Original

#A63DC2

Protanopia

#7978A2

Deuteranopia

#7F869A

Tritanopia

#A18883

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F2E5F5
200
#E6C9EE
300
#D4A2E2
400
#BD6FD2
500
#A63DC2
600
#85319B
700
#6A277C
800
#531E61
900
#3E1A47
950
#27102D

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

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