#ADC2EA

#ADC2EA

Color Values

HEX

#ADC2EA

RGB

173, 194, 234

HSL

219.3, 59.2%, 79.8%

HSV

219.3, 26.1%, 91.8%

CMYK

26.1%, 17.1%, 0.0%, 8.2%

OKLCH

0.8118 0.0612 263.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ADC2EA

#EAD5AD

Analogous

#ADE1EA

#B6ADEA

#ADC2EA

Triadic

#ADC2EA

#EAADC2

#C2EAAD

Split Complementary

#ADC2EA

#EAB6AD

#E1EAAD

Tetradic

#ADC2EA

#EAADE1

#EAD5AD

#ADEAB6

Color Blindness Simulation

Original

#ADC2EA

Protanopia

#B6B6E0

Deuteranopia

#B5B3DE

Tritanopia

#AED9D7

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E4EAF6
200
#C6D5F0
300
#9EB7E6
400
#698FD9
500
#3468CB
600
#2A53A2
700
#214382
800
#1A3465
900
#17284A
950
#0E1A2F

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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