#ADFBD4

#ADFBD4

Color Values

HEX

#ADFBD4

RGB

173, 251, 212

HSL

150.0, 90.7%, 83.1%

HSV

150.0, 31.1%, 98.4%

CMYK

31.1%, 0.0%, 15.5%, 1.6%

OKLCH

0.9269 0.0937 162.1

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ADFBD4

#FBADD4

Analogous

#ADFBAD

#ADFBFB

#ADFBD4

Triadic

#ADFBD4

#D4ADFB

#FBD4AD

Split Complementary

#ADFBD4

#FBADFB

#FBADAD

Tetradic

#ADFBD4

#ADADFB

#FBADD4

#FBFBAD

Color Blindness Simulation

Original

#ADFBD4

Protanopia

#CFCFDD

Deuteranopia

#CAC4E0

Tritanopia

#B1E5E7

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BBFCDB
300
#8AF9C2
400
#4BF6A1
500
#0CF380
600
#09C366
700
#089C52
800
#067A40
900
#095830
950
#06381F

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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