#ABBA78

#ABBA78

Color Values

HEX

#ABBA78

RGB

171, 186, 120

HSL

73.6, 32.4%, 60.0%

HSV

73.6, 35.5%, 72.9%

CMYK

8.1%, 0.0%, 35.5%, 27.1%

OKLCH

0.7614 0.0898 119.0

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#ABBA78

#8778BA

Analogous

#BAA878

#8ABA78

#ABBA78

Triadic

#ABBA78

#78ABBA

#BA78AB

Split Complementary

#ABBA78

#788ABA

#A878BA

Tetradic

#ABBA78

#78BAA8

#8778BA

#BA788A

Color Blindness Simulation

Original

#ABBA78

Protanopia

#B1B288

Deuteranopia

#B1B08C

Tritanopia

#AC9597

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F0F2E8
200
#E2E7D0
300
#CDD6AE
400
#B1BF82
500
#96A956
600
#788745
700
#606C37
800
#4B542B
900
#383F22
950
#232816

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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