#ADDCC0

#ADDCC0

Color Values

HEX

#ADDCC0

RGB

173, 220, 192

HSL

144.3, 40.2%, 77.1%

HSV

144.3, 21.4%, 86.3%

CMYK

21.4%, 0.0%, 12.7%, 13.7%

OKLCH

0.8536 0.0625 158.6

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#ADDCC0

#DCADC9

Analogous

#B2DCAD

#ADDCD8

#ADDCC0

Triadic

#ADDCC0

#C0ADDC

#DCC0AD

Split Complementary

#ADDCC0

#D8ADDC

#DCADB2

Tetradic

#ADDCC0

#ADB2DC

#DCADC9

#DCD8AD

Color Blindness Simulation

Original

#ADDCC0

Protanopia

#C1C2C7

Deuteranopia

#BFBBC8

Tritanopia

#AFCCCD

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CDEAD9
300
#A9DABD
400
#7BC799
500
#4CB376
600
#3D8F5E
700
#31724B
800
#26593B
900
#1F422D
950
#142A1C

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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