#ABDC81

#ABDC81

Color Values

HEX

#ABDC81

RGB

171, 220, 129

HSL

92.3, 56.5%, 68.4%

HSV

92.3, 41.4%, 86.3%

CMYK

22.3%, 0.0%, 41.4%, 13.7%

OKLCH

0.8391 0.1299 131.8

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#ABDC81

#B281DC

Analogous

#D8DC81

#81DC84

#ABDC81

Triadic

#ABDC81

#81ABDC

#DC81AB

Split Complementary

#ABDC81

#8481DC

#DC81D8

Tetradic

#ABDC81

#81D8DC

#B281DC

#DC8481

Color Blindness Simulation

Original

#ABDC81

Protanopia

#C0C197

Deuteranopia

#BDBA9C

Tritanopia

#ADA8AC

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF6E5
200
#DAEFC7
300
#BFE49F
400
#9DD66B
500
#7AC837
600
#62A02C
700
#4E8023
800
#3D641C
900
#2F4918
950
#1D2E0F

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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