#A66FEC

#A66FEC

Color Values

HEX

#A66FEC

RGB

166, 111, 236

HSL

266.4, 76.7%, 68.0%

HSV

266.4, 53.0%, 92.5%

CMYK

29.7%, 53.0%, 0.0%, 7.5%

OKLCH

0.6538 0.1837 301.9

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A66FEC

#B5EC6F

Analogous

#6F76EC

#E46FEC

#A66FEC

Triadic

#A66FEC

#ECA66F

#6FECA6

Split Complementary

#A66FEC

#ECE46F

#76EC6F

Tetradic

#A66FEC

#EC6F76

#B5EC6F

#6FECE4

Color Blindness Simulation

Original

#A66FEC

Protanopia

#8E8ECE

Deuteranopia

#9196C6

Tritanopia

#A3B6B1

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#ECE2F9
200
#D8C0F7
300
#BC93F1
400
#9858E9
500
#741EE1
600
#5D18B4
700
#4A1390
800
#3A0F71
900
#2C0F52
950
#1C0934

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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