#ABEF6F

#ABEF6F

Color Values

HEX

#ABEF6F

RGB

171, 239, 111

HSL

91.9, 80.0%, 68.6%

HSV

91.9, 53.6%, 93.7%

CMYK

28.5%, 0.0%, 53.6%, 6.3%

OKLCH

0.8799 0.1742 132.3

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#ABEF6F

#B36FEF

Analogous

#EBEF6F

#6FEF73

#ABEF6F

Triadic

#ABEF6F

#6FABEF

#EF6FAB

Split Complementary

#ABEF6F

#736FEF

#EF6FEB

Tetradic

#ABEF6F

#6FEBEF

#B36FEF

#EF736F

Color Blindness Simulation

Original

#ABEF6F

Protanopia

#C8C98E

Deuteranopia

#C4BF95

Tritanopia

#AEA6AC

Achromatopsia

#D7D7D7

CSS Usage

background-color: #ABEF6F;
color: #ABEF6F;
border-color: #ABEF6F;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F7FDF2
100
#ECF9E1
200
#D9F8BF
300
#BFF391
400
#9CEC55
500
#79E619
600
#61B814
700
#4D9310
800
#3D730D
900
#2E530E
950
#1D3509

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.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