#A669EE

#A669EE

Color Values

HEX

#A669EE

RGB

166, 105, 238

HSL

267.5, 79.6%, 67.3%

HSV

267.5, 55.9%, 93.3%

CMYK

30.3%, 55.9%, 0.0%, 6.7%

OKLCH

0.6459 0.195 302.4

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#A669EE

#B1EE69

Analogous

#696FEE

#E869EE

#A669EE

Triadic

#A669EE

#EEA669

#69EEA6

Split Complementary

#A669EE

#EEE869

#6FEE69

Tetradic

#A669EE

#EE696F

#B1EE69

#69EEE8

Color Blindness Simulation

Original

#A669EE

Protanopia

#8C8BCE

Deuteranopia

#8F94C6

Tritanopia

#A3B4AF

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE1F9
200
#D9BFF8
300
#BE91F3
400
#9A56EC
500
#771AE5
600
#5F15B7
700
#4C1193
800
#3C0D72
900
#2E0E53
950
#1D0935

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

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