#ADFAB4

#ADFAB4

Color Values

HEX

#ADFAB4

RGB

173, 250, 180

HSL

125.5, 88.5%, 82.9%

HSV

125.5, 30.8%, 98.0%

CMYK

30.8%, 0.0%, 28.0%, 2.0%

OKLCH

0.9173 0.1213 146.7

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#ADFAB4

#FAADF3

Analogous

#CCFAAD

#ADFADA

#ADFAB4

Triadic

#ADFAB4

#B4ADFA

#FAB4AD

Split Complementary

#ADFAB4

#DAADFA

#FAADCC

Tetradic

#ADFAB4

#ADCCFA

#FAADF3

#FADAAD

Color Blindness Simulation

Original

#ADFAB4

Protanopia

#CECFC5

Deuteranopia

#CAC4C9

Tritanopia

#B1D2D5

Achromatopsia

#E5E5E5

CSS Usage

background-color: #ADFAB4;
color: #ADFAB4;
border-color: #ADFAB4;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FDF3
100
#E0FBE2
200
#BCFBC1
300
#8CF896
400
#4DF45C
500
#0FF023
600
#0CC01C
700
#099A17
800
#077812
900
#0A5711
950
#06370B

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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