#ABC978

#ABC978

Color Values

HEX

#ABC978

RGB

171, 201, 120

HSL

82,2, 42,9%, 62,9%

HSV

82,2, 40,3%, 78,8%

CMYK

14,9%, 0,0%, 40,3%, 21,2%

OKLCH

0,7948 0,1116 125,4

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#ABC978

#9678C9

Analogous

#C9BE78

#82C978

#ABC978

Triadic

#ABC978

#78ABC9

#C978AB

Split Complementary

#ABC978

#7882C9

#BE78C9

Tetradic

#ABC978

#78C9BE

#9678C9

#C97882

Color Blindness Simulation

Original

#ABC978

Protanopia

#B8B88C

Deuteranopia

#B6B490

Tritanopia

#AC9B9E

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF4E7
200
#DFEBCC
300
#C9DCA8
400
#ABC978
500
#8EB649
600
#71923A
700
#5B752F
800
#475B24
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

Part of These Collections

Radix UI Colors

Lime 7

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026