#54882D

#54882D

Color Values

HEX

#54882D

RGB

84, 136, 45

HSL

94.3, 50.3%, 35.5%

HSV

94.3, 66.9%, 53.3%

CMYK

38.2%, 0.0%, 66.9%, 46.7%

OKLCH

0.5703 0.1346 134.3

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#54882D

#612D88

Analogous

#82882D

#2D8834

#54882D

Triadic

#54882D

#2D5488

#882D54

Split Complementary

#54882D

#342D88

#882D82

Tetradic

#54882D

#2D8288

#612D88

#88342D

Color Blindness Simulation

Original

#54882D

Protanopia

#6B6B43

Deuteranopia

#686448

Tritanopia

#575458

Achromatopsia

#767676

CSS Usage

background-color: #54882D;
color: #54882D;
border-color: #54882D;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FBF4
100
#ECF5E6
200
#D9EDC9
300
#BDE1A3
400
#9AD071
500
#76C03F
600
#5F9933
700
#4C7B29
800
#3B6020
900
#2D461B
950
#1D2C11

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

4.94:1

AA Pass AAA Fail

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