#ADBCE6

#ADBCE6

Color Values

HEX

#ADBCE6

RGB

173, 188, 230

HSL

224.2, 53.3%, 79.0%

HSV

224.2, 24.8%, 90.2%

CMYK

24.8%, 18.3%, 0.0%, 9.8%

OKLCH

0.798 0.062 269.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ADBCE6

#E6D7AD

Analogous

#ADD8E6

#BAADE6

#ADBCE6

Triadic

#ADBCE6

#E6ADBC

#BCE6AD

Split Complementary

#ADBCE6

#E6BAAD

#D8E6AD

Tetradic

#ADBCE6

#E6ADD8

#E6D7AD

#ADE6BA

Color Blindness Simulation

Original

#ADBCE6

Protanopia

#B3B4DC

Deuteranopia

#B3B2D9

Tritanopia

#AED4D2

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5E9F5
200
#C8D2EE
300
#A1B2E2
400
#6E89D3
500
#3C5FC3
600
#304C9C
700
#263D7D
800
#1E3062
900
#192548
950
#10182D

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.11:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026