#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

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