#ABEF62

#ABEF62

Color Values

HEX

#ABEF62

RGB

171, 239, 98

HSL

88.9, 81.5%, 66.1%

HSV

88.9, 59.0%, 93.7%

CMYK

28.5%, 0.0%, 59.0%, 6.3%

OKLCH

0.8785 0.1852 131.0

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#ABEF62

#A662EF

Analogous

#EFEC62

#65EF62

#ABEF62

Triadic

#ABEF62

#62ABEF

#EF62AB

Split Complementary

#ABEF62

#6265EF

#EC62EF

Tetradic

#ABEF62

#62EFEC

#A662EF

#EF6265

Color Blindness Simulation

Original

#ABEF62

Protanopia

#C8C984

Deuteranopia

#C4BF8C

Tritanopia

#AE9FA5

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFAE1
200
#DCF8BE
300
#C4F490
400
#A3EE54
500
#83E718
600
#69B913
700
#54940F
800
#42740C
900
#32540D
950
#1F3508

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.25:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026