#ADAFD7

#ADAFD7

Color Values

HEX

#ADAFD7

RGB

173, 175, 215

HSL

237,1, 34,4%, 76,1%

HSV

237,1, 19,5%, 84,3%

CMYK

19,5%, 18,6%, 0,0%, 15,7%

OKLCH

0,766 0,057 282,7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ADAFD7

#D7D5AD

Analogous

#ADC4D7

#C0ADD7

#ADAFD7

Triadic

#ADAFD7

#D7ADAF

#AFD7AD

Split Complementary

#ADAFD7

#D7C0AD

#C4D7AD

Tetradic

#ADAFD7

#D7ADC4

#D7D5AD

#ADD7C0

Color Blindness Simulation

Original

#ADAFD7

Protanopia

#AEAECD

Deuteranopia

#AEAECB

Tritanopia

#ADC6C4

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F2
200
#CFD0E8
300
#ADAFD7
400
#8083C1
500
#5458AB
600
#434689
700
#36386E
800
#2A2C56
900
#21233F
950
#151628

Contrast Checker

Text on white

2,12:1

AA Fail AAA Fail

Text on black

9,89: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