#ADAED8

#ADAED8

Color Values

HEX

#ADAED8

RGB

173, 174, 216

HSL

238.6, 35.5%, 76.3%

HSV

238.6, 19.9%, 84.7%

CMYK

19.9%, 19.4%, 0.0%, 15.3%

OKLCH

0.7643 0.0598 283.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ADAED8

#D8D7AD

Analogous

#ADC4D8

#C2ADD8

#ADAED8

Triadic

#ADAED8

#D8ADAE

#AED8AD

Split Complementary

#ADAED8

#D8C2AD

#C4D8AD

Tetradic

#ADAED8

#D8ADC4

#D8D7AD

#ADD8C2

Color Blindness Simulation

Original

#ADAED8

Protanopia

#ADADCE

Deuteranopia

#ADADCB

Tritanopia

#ADC6C4

Achromatopsia

#B1B1B1

CSS Usage

background-color: #ADAED8;
color: #ADAED8;
border-color: #ADAED8;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFCFE8
300
#ACADD8
400
#7F81C2
500
#5254AD
600
#42438A
700
#35366F
800
#292A56
900
#212240
950
#151528

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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