#ABDDC0

#ABDDC0

Color Values

HEX

#ABDDC0

RGB

171, 221, 192

HSL

145.2, 42.4%, 76.9%

HSV

145.2, 22.6%, 86.7%

CMYK

22.6%, 0.0%, 13.1%, 13.3%

OKLCH

0.8546 0.0656 159.2

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#ABDDC0

#DDABC8

Analogous

#AFDDAB

#ABDDD9

#ABDDC0

Triadic

#ABDDC0

#C0ABDD

#DDC0AB

Split Complementary

#ABDDC0

#D9ABDD

#DDABAF

Tetradic

#ABDDC0

#ABAFDD

#DDABC8

#DDD9AB

Color Blindness Simulation

Original

#ABDDC0

Protanopia

#C1C1C7

Deuteranopia

#BEBAC9

Tritanopia

#AECDCE

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEAD9
300
#A8DCBE
400
#79C99A
500
#49B677
600
#3B915F
700
#2F744C
800
#255B3B
900
#1E432D
950
#132A1D

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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