#A69CE5

#A69CE5

Color Values

HEX

#A69CE5

RGB

166, 156, 229

HSL

248.2, 58.4%, 75.5%

HSV

248.2, 31.9%, 89.8%

CMYK

27.5%, 31.9%, 0.0%, 10.2%

OKLCH

0.7288 0.1049 289.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#A69CE5

#DBE59C

Analogous

#9CB7E5

#CA9CE5

#A69CE5

Triadic

#A69CE5

#E5A69C

#9CE5A6

Split Complementary

#A69CE5

#E5CA9C

#B7E59C

Tetradic

#A69CE5

#E59CB7

#DBE59C

#9CE5CA

Color Blindness Simulation

Original

#A69CE5

Protanopia

#A2A2D3

Deuteranopia

#A2A3CF

Tritanopia

#A6C5C2

Achromatopsia

#A3A3A3

CSS Usage

background-color: #A69CE5;
color: #A69CE5;
border-color: #A69CE5;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F5F4FB
100
#E7E4F6
200
#CCC6F0
300
#A89EE6
400
#796AD8
500
#4935CA
600
#3B2AA2
700
#2F2281
800
#251B65
900
#1E174A
950
#130F2F

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.51:1

AA Pass AAA Pass

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