#ADEECA

#ADEECA

Color Values

HEX

#ADEECA

RGB

173, 238, 202

HSL

146.8, 65.7%, 80.6%

HSV

146.8, 27.3%, 93.3%

CMYK

27.3%, 0.0%, 15.1%, 6.7%

OKLCH

0.8957 0.0822 159.9

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ADEECA

#EEADD1

Analogous

#B0EEAD

#ADEEEB

#ADEECA

Triadic

#ADEECA

#CAADEE

#EECAAD

Split Complementary

#ADEECA

#EBADEE

#EEADB0

Tetradic

#ADEECA

#ADB0EE

#EEADD1

#EEEBAD

Color Blindness Simulation

Original

#ADEECA

Protanopia

#C9CAD3

Deuteranopia

#C5C0D5

Tritanopia

#B0DADB

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F7EC
200
#C4F3D9
300
#9AEABE
400
#63DF9A
500
#2CD377
600
#23A95F
700
#1C874C
800
#166A3B
900
#144D2D
950
#0D311D

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.86:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026