#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026