#ADC2E6

#ADC2E6

Color Values

HEX

#ADC2E6

RGB

173, 194, 230

HSL

217.9, 53.3%, 79.0%

HSV

217.9, 24.8%, 90.2%

CMYK

24.8%, 15.7%, 0.0%, 9.8%

OKLCH

0.8103 0.056 261.2

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#ADC2E6

#E6D1AD

Analogous

#ADDEE6

#B4ADE6

#ADC2E6

Triadic

#ADC2E6

#E6ADC2

#C2E6AD

Split Complementary

#ADC2E6

#E6B4AD

#DEE6AD

Tetradic

#ADC2E6

#E6ADDE

#E6D1AD

#ADE6B4

Color Blindness Simulation

Original

#ADC2E6

Protanopia

#B6B6DD

Deuteranopia

#B5B3DB

Tritanopia

#AED6D5

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C8D6EE
300
#A1B9E2
400
#6E93D3
500
#3C6EC3
600
#30589C
700
#26467D
800
#1E3762
900
#192A48
950
#101B2D

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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