#ABE3AC

#ABE3AC

Color Values

HEX

#ABE3AC

RGB

171, 227, 172

HSL

121.1, 50.0%, 78.0%

HSV

121.1, 24.7%, 89.0%

CMYK

24.7%, 0.0%, 24.2%, 11.0%

OKLCH

0.863 0.0946 145.1

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#ABE3AC

#E3ABE2

Analogous

#C6E3AB

#ABE3C8

#ABE3AC

Triadic

#ABE3AC

#ACABE3

#E3ACAB

Split Complementary

#ABE3AC

#C8ABE3

#E3ABC6

Tetradic

#ABE3AC

#ABC6E3

#E3ABE2

#E3C8AB

Color Blindness Simulation

Original

#ABE3AC

Protanopia

#C3C4B9

Deuteranopia

#C0BCBC

Tritanopia

#AEC4C6

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E6F5E6
200
#C9EDCA
300
#A3E0A4
400
#71D073
500
#40BF42
600
#339935
700
#297A2A
800
#206021
900
#1B461B
950
#112C11

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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