#ABC979

#ABC979

Color Values

HEX

#ABC979

RGB

171, 201, 121

HSL

82.5, 42.6%, 63.1%

HSV

82.5, 39.8%, 78.8%

CMYK

14.9%, 0.0%, 39.8%, 21.2%

OKLCH

0.795 0.1105 125.6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#ABC979

#9779C9

Analogous

#C9BF79

#83C979

#ABC979

Triadic

#ABC979

#79ABC9

#C979AB

Split Complementary

#ABC979

#7983C9

#BF79C9

Tetradic

#ABC979

#79C9BF

#9779C9

#C97983

Color Blindness Simulation

Original

#ABC979

Protanopia

#B8B88C

Deuteranopia

#B6B491

Tritanopia

#AC9C9F

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF4E7
200
#DFEBCC
300
#C8DCA8
400
#ABC978
500
#8DB649
600
#71913B
700
#5A742F
800
#475B25
900
#35431E
950
#222A13

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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