#ADE8E1

#ADE8E1

Color Values

HEX

#ADE8E1

RGB

173, 232, 225

HSL

172,9, 56,2%, 79,4%

HSV

172,9, 25,4%, 91,0%

CMYK

25,4%, 0,0%, 3,0%, 9,0%

OKLCH

0,8889 0,0606 187,1

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#ADE8E1

#E8ADB4

Analogous

#ADE8C3

#ADD1E8

#ADE8E1

Triadic

#ADE8E1

#E1ADE8

#E8E1AD

Split Complementary

#ADE8E1

#E8ADD1

#E8C3AD

Tetradic

#ADE8E1

#C3ADE8

#E8ADB4

#D1E8AD

Color Blindness Simulation

Original

#ADE8E1

Protanopia

#C7C7E3

Deuteranopia

#C3BFE3

Tritanopia

#B0E4E4

Achromatopsia

#DBDBDB

CSS Usage

background-color: #ADE8E1;
color: #ADE8E1;
border-color: #ADE8E1;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F4FBFA
100
#E5F6F4
200
#C7EFEB
300
#9FE4DC
400
#6CD6C9
500
#38C7B6
600
#2D9F92
700
#247F75
800
#1C645B
900
#184943
950
#0F2E2A

Contrast Checker

Text on white

1,36:1

AA Fail AAA Fail

Text on black

15,41:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026
Tutorials

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

Ene 18, 2026