#ABC780

#ABC780

Color Values

HEX

#ABC780

RGB

171, 199, 128

HSL

83.7, 38.8%, 64.1%

HSV

83.7, 35.7%, 78.0%

CMYK

14.1%, 0.0%, 35.7%, 22.0%

OKLCH

0.7917 0.0996 126.1

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#ABC780

#9C80C7

Analogous

#C7C080

#87C780

#ABC780

Triadic

#ABC780

#80ABC7

#C780AB

Split Complementary

#ABC780

#8087C7

#C080C7

Tetradic

#ABC780

#80C7C0

#9C80C7

#C78087

Color Blindness Simulation

Original

#ABC780

Protanopia

#B7B791

Deuteranopia

#B6B395

Tritanopia

#AC9FA2

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DEE9CD
300
#C7DAAA
400
#A8C57C
500
#8AB14E
600
#6E8E3E
700
#587132
800
#455827
900
#344120
950
#212914

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.21:1

AA Pass AAA Pass

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