#ADA7D3

#ADA7D3

Color Values

HEX

#ADA7D3

RGB

173, 167, 211

HSL

248.2, 33.3%, 74.1%

HSV

248.2, 20.9%, 82.7%

CMYK

18.0%, 20.9%, 0.0%, 17.3%

OKLCH

0.7484 0.063 291.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ADA7D3

#CDD3A7

Analogous

#A7B7D3

#C3A7D3

#ADA7D3

Triadic

#ADA7D3

#D3ADA7

#A7D3AD

Split Complementary

#ADA7D3

#D3C3A7

#B7D3A7

Tetradic

#ADA7D3

#D3A7B7

#CDD3A7

#A7D3C3

Color Blindness Simulation

Original

#ADA7D3

Protanopia

#AAAAC8

Deuteranopia

#ABABC6

Tritanopia

#ADC0BE

Achromatopsia

#ABABAB

CSS Usage

background-color: #ADA7D3;
color: #ADA7D3;
border-color: #ADA7D3;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F5FA
100
#E9E8F2
200
#D3CFE7
300
#B3ADD6
400
#8A81C0
500
#6155AA
600
#4D4488
700
#3E366D
800
#302B55
900
#26223F
950
#181528

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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