#ADFCD6

#ADFCD6

Color Values

HEX

#ADFCD6

RGB

173, 252, 214

HSL

151.1, 92.9%, 83.3%

HSV

151.1, 31.3%, 98.8%

CMYK

31.3%, 0.0%, 15.1%, 1.2%

OKLCH

0.9296 0.0936 163.1

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ADFCD6

#FCADD3

Analogous

#ADFCAE

#ADFBFC

#ADFCD6

Triadic

#ADFCD6

#D6ADFC

#FCD6AD

Split Complementary

#ADFCD6

#FCADFB

#FCAEAD

Tetradic

#ADFCD6

#AEADFC

#FCADD3

#FBFCAD

Color Blindness Simulation

Original

#ADFCD6

Protanopia

#CFD0DF

Deuteranopia

#CBC5E1

Tritanopia

#B1E6E8

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F1FDF8
100
#DFFBEE
200
#BAFCDD
300
#89FBC4
400
#49F8A4
500
#09F684
600
#07C569
700
#069D54
800
#057B42
900
#085932
950
#053820

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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