#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026