#ABF553

#ABF553

Color Values

HEX

#ABF553

RGB

171, 245, 83

HSL

87.4, 89.0%, 64.3%

HSV

87.4, 66.1%, 96.1%

CMYK

30.2%, 0.0%, 66.1%, 3.9%

OKLCH

0.8909 0.2039 130.7

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#ABF553

#9D53F5

Analogous

#F5EE53

#5AF553

#ABF553

Triadic

#ABF553

#53ABF5

#F553AB

Split Complementary

#ABF553

#535AF5

#EE53F5

Tetradic

#ABF553

#53F5EE

#9D53F5

#F5535A

Color Blindness Simulation

Original

#ABF553

Protanopia

#CBCC7A

Deuteranopia

#C7C184

Tritanopia

#AF99A0

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFBE0
200
#DEFBBC
300
#C7F88B
400
#A8F54D
500
#89F10E
600
#6EC10B
700
#589A09
800
#457807
900
#34570A
950
#213706

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.92: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