#ADA9EB

#ADA9EB

Color Values

HEX

#ADA9EB

RGB

173, 169, 235

HSL

243.6, 62.3%, 79.2%

HSV

243.6, 28.1%, 92.2%

CMYK

26.4%, 28.1%, 0.0%, 7.8%

OKLCH

0.7622 0.0939 286.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ADA9EB

#E7EBA9

Analogous

#A9C6EB

#CEA9EB

#ADA9EB

Triadic

#ADA9EB

#EBADA9

#A9EBAD

Split Complementary

#ADA9EB

#EBCEA9

#C6EBA9

Tetradic

#ADA9EB

#EBA9C6

#E7EBA9

#A9EBCE

Color Blindness Simulation

Original

#ADA9EB

Protanopia

#ABABDB

Deuteranopia

#ACACD7

Tritanopia

#ADCECC

Achromatopsia

#AFAFAF

CSS Usage

background-color: #ADA9EB;
color: #ADA9EB;
border-color: #ADA9EB;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F3FB
100
#E5E4F7
200
#C8C5F2
300
#A09CE8
400
#6D66DB
500
#3A30CF
600
#2E26A6
700
#251F84
800
#1D1867
900
#19154C
950
#100D30

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.65:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026