#ABEC81

#ABEC81

Color Values

HEX

#ABEC81

RGB

171, 236, 129

HSL

96.4, 73.8%, 71.6%

HSV

96.4, 45.3%, 92.5%

CMYK

27.5%, 0.0%, 45.3%, 7.5%

OKLCH

0.8755 0.1532 134.2

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#ABEC81

#C281EC

Analogous

#E1EC81

#81EC8D

#ABEC81

Triadic

#ABEC81

#81ABEC

#EC81AB

Split Complementary

#ABEC81

#8D81EC

#EC81E1

Tetradic

#ABEC81

#81E1EC

#C281EC

#EC8D81

Color Blindness Simulation

Original

#ABEC81

Protanopia

#C7C89B

Deuteranopia

#C3BEA1

Tritanopia

#AEAFB4

Achromatopsia

#D6D6D6

CSS Usage

background-color: #ABEC81;
color: #ABEC81;
border-color: #ABEC81;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F6FCF3
100
#EBF8E2
200
#D6F6C1
300
#B8EF95
400
#92E65B
500
#6BDE21
600
#56B11B
700
#458E15
800
#366F11
900
#2A5110
950
#1A330A

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

15.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026