#ADD1AF

#ADD1AF

Color Values

HEX

#ADD1AF

RGB

173, 209, 175

HSL

123.3, 28.1%, 74.9%

HSV

123.3, 17.2%, 82.0%

CMYK

17.2%, 0.0%, 16.3%, 18.0%

OKLCH

0.8253 0.0606 146.5

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#ADD1AF

#D1ADCF

Analogous

#BDD1AD

#ADD1C1

#ADD1AF

Triadic

#ADD1AF

#AFADD1

#D1AFAD

Split Complementary

#ADD1AF

#C1ADD1

#D1ADBD

Tetradic

#ADD1AF

#ADBDD1

#D1ADCF

#D1C1AD

Color Blindness Simulation

Original

#ADD1AF

Protanopia

#BDBDB7

Deuteranopia

#BAB8B9

Tritanopia

#AFBEBF

Achromatopsia

#C7C7C7

CSS Usage

background-color: #ADD1AF;
color: #ADD1AF;
border-color: #ADD1AF;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F6F9F6
100
#E9F1E9
200
#D1E5D2
300
#B1D3B2
400
#86BB89
500
#5CA360
600
#49834C
700
#3B693D
800
#2E5230
900
#243D26
950
#172618

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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