#ADEACF

#ADEACF

Color Values

HEX

#ADEACF

RGB

173, 234, 207

HSL

153.4, 59.2%, 79.8%

HSV

153.4, 26.1%, 91.8%

CMYK

26.1%, 0.0%, 11.5%, 8.2%

OKLCH

0.8882 0.0723 165.7

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ADEACF

#EAADC8

Analogous

#ADEAB0

#ADE7EA

#ADEACF

Triadic

#ADEACF

#CFADEA

#EACFAD

Split Complementary

#ADEACF

#EAADE7

#EAB0AD

Tetradic

#ADEACF

#B0ADEA

#EAADC8

#E7EAAD

Color Blindness Simulation

Original

#ADEACF

Protanopia

#C7C8D6

Deuteranopia

#C4BFD7

Tritanopia

#B0DBDC

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E4F6EE
200
#C6F0DE
300
#9EE6C6
400
#69D9A7
500
#34CB88
600
#2AA26D
700
#218257
800
#1A6544
900
#174A33
950
#0E2F20

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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