#ABBD84

#ABBD84

Color Values

HEX

#ABBD84

RGB

171, 189, 132

HSL

78.9, 30.2%, 62.9%

HSV

78.9, 30.2%, 74.1%

CMYK

9.5%, 0.0%, 30.2%, 25.9%

OKLCH

0.7703 0.0797 122.5

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#ABBD84

#9684BD

Analogous

#BDB284

#8EBD84

#ABBD84

Triadic

#ABBD84

#84ABBD

#BD84AB

Split Complementary

#ABBD84

#848EBD

#B284BD

Tetradic

#ABBD84

#84BDB2

#9684BD

#BD848E

Color Blindness Simulation

Original

#ABBD84

Protanopia

#B3B392

Deuteranopia

#B2B095

Tritanopia

#AC9D9F

Achromatopsia

#B5B5B5

CSS Usage

background-color: #ABBD84;
color: #ABBD84;
border-color: #ABBD84;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8F9F5
100
#EFF2E9
200
#DFE6D1
300
#C9D4AF
400
#ABBD84
500
#8EA659
600
#718547
700
#5B6A39
800
#47532C
900
#353E23
950
#222716

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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