#ADD6AF

#ADD6AF

Color Values

HEX

#ADD6AF

RGB

173, 214, 175

HSL

122.9, 33.3%, 75.9%

HSV

122.9, 19.2%, 83.9%

CMYK

19.2%, 0.0%, 18.2%, 16.1%

OKLCH

0.8362 0.069 146.2

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#ADD6AF

#D6ADD4

Analogous

#C0D6AD

#ADD6C4

#ADD6AF

Triadic

#ADD6AF

#AFADD6

#D6AFAD

Split Complementary

#ADD6AF

#C4ADD6

#D6ADC0

Tetradic

#ADD6AF

#ADC0D6

#D6ADD4

#D6C4AD

Color Blindness Simulation

Original

#ADD6AF

Protanopia

#BFBFB8

Deuteranopia

#BCB9BB

Tritanopia

#AFC0C2

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F2E9
200
#CFE7D1
300
#ADD6AF
400
#81C084
500
#55AA59
600
#448847
700
#366D39
800
#2B552D
900
#223F23
950
#152816

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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