#ADAEEC

#ADAEEC

Color Values

HEX

#ADAEEC

RGB

173, 174, 236

HSL

239.0, 62.4%, 80.2%

HSV

239.0, 26.7%, 92.5%

CMYK

26.7%, 26.3%, 0.0%, 7.5%

OKLCH

0.7724 0.0882 283.4

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ADAEEC

#ECEBAD

Analogous

#ADCEEC

#CBADEC

#ADAEEC

Triadic

#ADAEEC

#ECADAE

#AEECAD

Split Complementary

#ADAEEC

#ECCBAD

#CEECAD

Tetradic

#ADAEEC

#ECADCE

#ECEBAD

#ADECCB

Color Blindness Simulation

Original

#ADAEEC

Protanopia

#ADADDD

Deuteranopia

#ADADD9

Tritanopia

#ADD1CF

Achromatopsia

#B2B2B2

CSS Usage

background-color: #ADAEEC;
color: #ADAEEC;
border-color: #ADAEEC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F3F3FB
100
#E4E4F7
200
#C5C6F2
300
#9C9DE8
400
#6668DC
500
#3033CF
600
#2628A6
700
#1F2085
800
#181968
900
#15164C
950
#0D0E30

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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