#ADA5E6

#ADA5E6

Color Values

HEX

#ADA5E6

RGB

173, 165, 230

HSL

247.4, 56.5%, 77.5%

HSV

247.4, 28.3%, 90.2%

CMYK

24.8%, 28.3%, 0.0%, 9.8%

OKLCH

0.7523 0.0928 289.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ADA5E6

#DEE6A5

Analogous

#A5BEE6

#CEA5E6

#ADA5E6

Triadic

#ADA5E6

#E6ADA5

#A5E6AD

Split Complementary

#ADA5E6

#E6CEA5

#BEE6A5

Tetradic

#ADA5E6

#E6A5BE

#DEE6A5

#A5E6CE

Color Blindness Simulation

Original

#ADA5E6

Protanopia

#AAA9D6

Deuteranopia

#AAABD2

Tritanopia

#ADCAC7

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E5F6
200
#CCC7EF
300
#A89FE4
400
#786BD6
500
#4937C8
600
#3B2CA0
700
#2F2380
800
#251C64
900
#1E1849
950
#130F2E

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.3:1

AA Pass AAA Pass

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