#ADFCCE

#ADFCCE

Color Values

HEX

#ADFCCE

RGB

173, 252, 206

HSL

145.1, 92.9%, 83.3%

HSV

145.1, 31.3%, 98.8%

CMYK

31.3%, 0.0%, 18.3%, 1.2%

OKLCH

0.9276 0.1 158.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ADFCCE

#FCADDB

Analogous

#B3FCAD

#ADFCF6

#ADFCCE

Triadic

#ADFCCE

#CEADFC

#FCCEAD

Split Complementary

#ADFCCE

#F6ADFC

#FCADB3

Tetradic

#ADFCCE

#ADB3FC

#FCADDB

#FCF6AD

Color Blindness Simulation

Original

#ADFCCE

Protanopia

#CFD0D9

Deuteranopia

#CBC5DC

Tritanopia

#B1E2E4

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F1FDF6
100
#DFFBEB
200
#BAFCD6
300
#89FBB9
400
#49F892
500
#09F66C
600
#07C557
700
#069D45
800
#057B36
900
#08592A
950
#05381A

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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