#A166EC

#A166EC

Color Values

HEX

#A166EC

RGB

161, 102, 236

HSL

266.4, 77.9%, 66.3%

HSV

266.4, 56.8%, 92.5%

CMYK

31.8%, 56.8%, 0.0%, 7.5%

OKLCH

0.6351 0.196 301.3

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#A166EC

#B1EC66

Analogous

#666EEC

#E466EC

#A166EC

Triadic

#A166EC

#ECA166

#66ECA1

Split Complementary

#A166EC

#ECE466

#6EEC66

Tetradic

#A166EC

#EC666E

#B1EC66

#66ECE4

Color Blindness Simulation

Original

#A166EC

Protanopia

#8787CC

Deuteranopia

#8B8FC4

Tritanopia

#9EB2AC

Achromatopsia

#7C7C7C

CSS Usage

background-color: #A166EC;
color: #A166EC;
border-color: #A166EC;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F7F2FC
100
#ECE1F9
200
#D8BFF7
300
#BC92F1
400
#9857EA
500
#741CE3
600
#5C17B5
700
#4A1291
800
#3A0E71
900
#2C0E52
950
#1C0934

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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