#AADEC5

#AADEC5

Color Values

HEX

#AADEC5

RGB

170, 222, 197

HSL

151.2, 44.1%, 76.9%

HSV

151.2, 23.4%, 87.1%

CMYK

23.4%, 0.0%, 11.3%, 12.9%

OKLCH

0.8575 0.064 164.0

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#AADEC5

#DEAAC3

Analogous

#AADEAB

#AADDDE

#AADEC5

Triadic

#AADEC5

#C5AADE

#DEC5AA

Split Complementary

#AADEC5

#DEAADD

#DEABAA

Tetradic

#AADEC5

#ABAADE

#DEAAC3

#DDDEAA

Color Blindness Simulation

Original

#AADEC5

Protanopia

#C1C1CB

Deuteranopia

#BEBACC

Tritanopia

#ADD0D1

Achromatopsia

#D1D1D1

CSS Usage

background-color: #AADEC5;
color: #AADEC5;
border-color: #AADEC5;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F4FAF7
100
#E6F4ED
200
#CCEBDC
300
#A7DDC3
400
#77CAA2
500
#47B882
600
#399368
700
#2E7653
800
#245C41
900
#1D4431
950
#122B1F

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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