#A166DF

#A166DF

Color Values

HEX

#A166DF

RGB

161, 102, 223

HSL

269,3, 65,4%, 63,7%

HSV

269,3, 54,3%, 87,5%

CMYK

27,8%, 54,3%, 0,0%, 12,5%

OKLCH

0,6271 0,1808 304,2

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A166DF

#A4DF66

Analogous

#6667DF

#DE66DF

#A166DF

Triadic

#A166DF

#DFA166

#66DFA1

Split Complementary

#A166DF

#DFDE66

#67DF66

Tetradic

#A166DF

#DF6667

#A4DF66

#66DFDE

Color Blindness Simulation

Original

#A166DF

Protanopia

#8787C2

Deuteranopia

#8B8FBB

Tritanopia

#9EABA6

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DBC4F3
300
#C19AEA
400
#9F63DE
500
#7E2CD3
600
#6423A9
700
#501C87
800
#3F1669
900
#30144D
950
#1E0D31

Contrast Checker

Text on white

3,83:1

AA Fail AAA Fail

Text on black

5,48: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