#ABD489

#ABD489

Color Values

HEX

#ABD489

RGB

171, 212, 137

HSL

92.8, 46.6%, 68.4%

HSV

92.8, 35.4%, 83.1%

CMYK

19.3%, 0.0%, 35.4%, 16.9%

OKLCH

0.8224 0.1092 131.7

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#ABD489

#B289D4

Analogous

#D0D489

#89D48C

#ABD489

Triadic

#ABD489

#89ABD4

#D489AB

Split Complementary

#ABD489

#8C89D4

#D489D0

Tetradic

#ABD489

#89D0D4

#B289D4

#D48C89

Color Blindness Simulation

Original

#ABD489

Protanopia

#BDBD9B

Deuteranopia

#BAB7A0

Tritanopia

#ADA9AD

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#DAECCB
300
#BFDEA5
400
#9DCD75
500
#7ABB44
600
#629636
700
#4E782C
800
#3D5D22
900
#2F451C
950
#1D2B12

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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