#ABF358

#ABF358

Color Values

HEX

#ABF358

RGB

171, 243, 88

HSL

87,9, 86,6%, 64,9%

HSV

87,9, 63,8%, 95,3%

CMYK

29,6%, 0,0%, 63,8%, 4,7%

OKLCH

0,8867 0,198 130,8

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#ABF358

#A058F3

Analogous

#F3EE58

#5DF358

#ABF358

Triadic

#ABF358

#58ABF3

#F358AB

Split Complementary

#ABF358

#585DF3

#EE58F3

Tetradic

#ABF358

#58F3EE

#A058F3

#F3585D

Color Blindness Simulation

Original

#ABF358

Protanopia

#CACB7D

Deuteranopia

#C6C186

Tritanopia

#AF9BA2

Achromatopsia

#D9D9D9

CSS Usage

background-color: #ABF358;
color: #ABF358;
border-color: #ABF358;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F8FDF2
100
#EEFAE0
200
#DDFABC
300
#C6F78D
400
#A6F24F
500
#87EE11
600
#6CBE0E
700
#57980B
800
#447709
900
#33560B
950
#203607

Contrast Checker

Text on white

1,34:1

AA Fail AAA Fail

Text on black

15,69:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026