#ABEFB4

#ABEFB4

Color Values

HEX

#ABEFB4

RGB

171, 239, 180

HSL

127.9, 68.0%, 80.4%

HSV

127.9, 28.5%, 93.7%

CMYK

28.5%, 0.0%, 24.7%, 6.3%

OKLCH

0.8916 0.1055 148.1

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#ABEFB4

#EFABE6

Analogous

#C4EFAB

#ABEFD6

#ABEFB4

Triadic

#ABEFB4

#B4ABEF

#EFB4AB

Split Complementary

#ABEFB4

#D6ABEF

#EFABC4

Tetradic

#ABEFB4

#ABC4EF

#EFABE6

#EFD6AB

Color Blindness Simulation

Original

#ABEFB4

Protanopia

#C8C9C2

Deuteranopia

#C4BFC6

Tritanopia

#AECED0

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E3F7E6
200
#C3F4C9
300
#98EBA3
400
#60E171
500
#29D640
600
#21AB33
700
#1A8929
800
#146B20
900
#134E1B
950
#0C3111

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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