#ABEC83

#ABEC83

Color Values

HEX

#ABEC83

RGB

171, 236, 131

HSL

97,1, 73,4%, 72,0%

HSV

97,1, 44,5%, 92,5%

CMYK

27,5%, 0,0%, 44,5%, 7,5%

OKLCH

0,8758 0,1512 134,5

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#ABEC83

#C483EC

Analogous

#E0EC83

#83EC90

#ABEC83

Triadic

#ABEC83

#83ABEC

#EC83AB

Split Complementary

#ABEC83

#9083EC

#EC83E0

Tetradic

#ABEC83

#83E0EC

#C483EC

#EC9083

Color Blindness Simulation

Original

#ABEC83

Protanopia

#C7C89C

Deuteranopia

#C3BEA2

Tritanopia

#AEB0B5

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EBF8E2
200
#D5F6C1
300
#B7EF95
400
#90E65B
500
#69DD22
600
#54B11B
700
#438D16
800
#356F11
900
#295010
950
#1A330A

Contrast Checker

Text on white

1,39:1

AA Fail AAA Fail

Text on black

15,06: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