#ABDBA7

#ABDBA7

Color Values

HEX

#ABDBA7

RGB

171, 219, 167

HSL

115,4, 41,9%, 75,7%

HSV

115,4, 23,7%, 85,9%

CMYK

21,9%, 0,0%, 23,7%, 14,1%

OKLCH

0,8441 0,087 142,8

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#ABDBA7

#D7A7DB

Analogous

#C5DBA7

#A7DBBD

#ABDBA7

Triadic

#ABDBA7

#A7ABDB

#DBA7AB

Split Complementary

#ABDBA7

#BDA7DB

#DBA7C5

Tetradic

#ABDBA7

#A7C5DB

#D7A7DB

#DBBDA7

Color Blindness Simulation

Original

#ABDBA7

Protanopia

#C0C0B4

Deuteranopia

#BDB9B7

Tritanopia

#ADBEC0

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F4E7
200
#CFEACC
300
#ACDBA8
400
#7FC879
500
#52B54A
600
#42913B
700
#35742F
800
#295A25
900
#21431E
950
#152A13

Contrast Checker

Text on white

1,56:1

AA Fail AAA Fail

Text on black

13,42: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