#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