#ADC3EA

#ADC3EA

Color Values

HEX

#ADC3EA

RGB

173, 195, 234

HSL

218.4, 59.2%, 79.8%

HSV

218.4, 26.1%, 91.8%

CMYK

26.1%, 16.7%, 0.0%, 8.2%

OKLCH

0.8138 0.0603 261.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ADC3EA

#EAD4AD

Analogous

#ADE1EA

#B6ADEA

#ADC3EA

Triadic

#ADC3EA

#EAADC3

#C3EAAD

Split Complementary

#ADC3EA

#EAB6AD

#E1EAAD

Tetradic

#ADC3EA

#EAADE1

#EAD4AD

#ADEAB6

Color Blindness Simulation

Original

#ADC3EA

Protanopia

#B7B7E1

Deuteranopia

#B5B4DE

Tritanopia

#AED9D7

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E4EBF6
200
#C6D5F0
300
#9EB8E6
400
#6991D9
500
#346ACB
600
#2A55A2
700
#214482
800
#1A3565
900
#17294A
950
#0E1A2F

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.77:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026