#ABEDB4

#ABEDB4

Color Values

HEX

#ABEDB4

RGB

171, 237, 180

HSL

128.2, 64.7%, 80.0%

HSV

128.2, 27.8%, 92.9%

CMYK

27.8%, 0.0%, 24.1%, 7.1%

OKLCH

0.8871 0.1024 148.2

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#ABEDB4

#EDABE4

Analogous

#C3EDAB

#ABEDD5

#ABEDB4

Triadic

#ABEDB4

#B4ABED

#EDB4AB

Split Complementary

#ABEDB4

#D5ABED

#EDABC3

Tetradic

#ABEDB4

#ABC3ED

#EDABE4

#EDD5AB

Color Blindness Simulation

Original

#ABEDB4

Protanopia

#C8C8C2

Deuteranopia

#C4BFC5

Tritanopia

#AECDCF

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E3F7E6
200
#C4F2CB
300
#9AE9A5
400
#64DE74
500
#2DD244
600
#24A836
700
#1D862B
800
#176922
900
#144D1C
950
#0D3012

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026