#ABDDB1

#ABDDB1

Color Values

HEX

#ABDDB1

RGB

171, 221, 177

HSL

127.2, 42.4%, 76.9%

HSV

127.2, 22.6%, 86.7%

CMYK

22.6%, 0.0%, 19.9%, 13.3%

OKLCH

0.8509 0.0798 148.1

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#ABDDB1

#DDABD7

Analogous

#BEDDAB

#ABDDCA

#ABDDB1

Triadic

#ABDDB1

#B1ABDD

#DDB1AB

Split Complementary

#ABDDB1

#CAABDD

#DDABBE

Tetradic

#ABDDB1

#ABBEDD

#DDABD7

#DDCAAB

Color Blindness Simulation

Original

#ABDDB1

Protanopia

#C1C1BC

Deuteranopia

#BEBABE

Tritanopia

#AEC4C6

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F4E8
200
#CCEAD0
300
#A8DCAE
400
#79C982
500
#49B656
600
#3B9145
700
#2F7437
800
#255B2B
900
#1E4322
950
#132A16

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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