#ABEFB3

#ABEFB3

Color Values

HEX

#ABEFB3

RGB

171, 239, 179

HSL

127.1, 68.0%, 80.4%

HSV

127.1, 28.5%, 93.7%

CMYK

28.5%, 0.0%, 25.1%, 6.3%

OKLCH

0.8914 0.1065 147.6

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#ABEFB3

#EFABE7

Analogous

#C5EFAB

#ABEFD5

#ABEFB3

Triadic

#ABEFB3

#B3ABEF

#EFB3AB

Split Complementary

#ABEFB3

#D5ABEF

#EFABC5

Tetradic

#ABEFB3

#ABC5EF

#EFABE7

#EFD5AB

Color Blindness Simulation

Original

#ABEFB3

Protanopia

#C8C9C2

Deuteranopia

#C4BFC5

Tritanopia

#AECDD0

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E3F7E5
200
#C3F4C9
300
#98EBA2
400
#60E170
500
#29D63D
600
#21AB31
700
#1A8927
800
#146B1F
900
#134E1A
950
#0C3110

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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