#ADE3E1

#ADE3E1

Color Values

HEX

#ADE3E1

RGB

173, 227, 225

HSL

177.8, 49.1%, 78.4%

HSV

177.8, 23.8%, 89.0%

CMYK

23.8%, 0.0%, 0.9%, 11.0%

OKLCH

0.8781 0.0553 193.3

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#ADE3E1

#E3ADAF

Analogous

#ADE3C6

#ADCAE3

#ADE3E1

Triadic

#ADE3E1

#E1ADE3

#E3E1AD

Split Complementary

#ADE3E1

#E3ADCA

#E3C6AD

Tetradic

#ADE3E1

#C6ADE3

#E3ADAF

#CAE3AD

Color Blindness Simulation

Original

#ADE3E1

Protanopia

#C4C5E1

Deuteranopia

#C1BDE2

Tritanopia

#B0E2E2

Achromatopsia

#D7D7D7

CSS Usage

background-color: #ADE3E1;
color: #ADE3E1;
border-color: #ADE3E1;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FBFA
100
#E6F5F4
200
#CAEDEC
300
#A4E0DE
400
#72CFCC
500
#41BEBA
600
#349894
700
#2A7A77
800
#205F5D
900
#1B4644
950
#112C2B

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

14.85:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026