#A366DD

#A366DD

Color Values

HEX

#A366DD

RGB

163, 102, 221

HSL

270.8, 63.6%, 63.3%

HSV

270.8, 53.8%, 86.7%

CMYK

26.2%, 53.8%, 0.0%, 13.3%

OKLCH

0.628 0.179 305.5

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A366DD

#A0DD66

Analogous

#6766DD

#DD66DB

#A366DD

Triadic

#A366DD

#DDA366

#66DDA3

Split Complementary

#A366DD

#DBDD66

#66DD67

Tetradic

#A366DD

#DD6766

#A0DD66

#66DBDD

Color Blindness Simulation

Original

#A366DD

Protanopia

#8988C0

Deuteranopia

#8C91B9

Tritanopia

#A0A9A4

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#EDE4F7
200
#DCC5F2
300
#C39BE9
400
#A265DD
500
#822ED1
600
#6825A7
700
#531E85
800
#411768
900
#31154C
950
#1F0D30

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

5.5:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026