#A66FF2

#A66FF2

Color Values

HEX

#A66FF2

RGB

166, 111, 242

HSL

265.2, 83.4%, 69.2%

HSV

265.2, 54.1%, 94.9%

CMYK

31.4%, 54.1%, 0.0%, 5.1%

OKLCH

0.6574 0.1909 300.6

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#A66FF2

#BBF26F

Analogous

#6F79F2

#E76FF2

#A66FF2

Triadic

#A66FF2

#F2A66F

#6FF2A6

Split Complementary

#A66FF2

#F2E76F

#79F26F

Tetradic

#A66FF2

#F26F79

#BBF26F

#6FF2E7

Color Blindness Simulation

Original

#A66FF2

Protanopia

#8E8ED2

Deuteranopia

#9196CB

Tritanopia

#A3B9B4

Achromatopsia

#848484

CSS Usage

background-color: #A66FF2;
color: #A66FF2;
border-color: #A66FF2;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F6F2FD
100
#EBE0FA
200
#D7BEF9
300
#BA8FF5
400
#9452EF
500
#6E15EA
600
#5811BB
700
#470E96
800
#370B75
900
#2B0C55
950
#1B0836

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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