#54881C

#54881C

Color Values

HEX

#54881C

RGB

84, 136, 28

HSL

88.9, 65.9%, 32.2%

HSV

88.9, 79.4%, 53.3%

CMYK

38.2%, 0.0%, 79.4%, 46.7%

OKLCH

0.5689 0.1459 132.5

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#54881C

#501C88

Analogous

#88861C

#1E881C

#54881C

Triadic

#54881C

#1C5488

#881C54

Split Complementary

#54881C

#1C1E88

#861C88

Tetradic

#54881C

#1C8886

#501C88

#881C1E

Color Blindness Simulation

Original

#54881C

Protanopia

#6B6B36

Deuteranopia

#68643C

Tritanopia

#574B4F

Achromatopsia

#757575

CSS Usage

background-color: #54881C;
color: #54881C;
border-color: #54881C;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DCF3C4
300
#C3EA99
400
#A3DF62
500
#83D42B
600
#68A923
700
#54871C
800
#416A16
900
#324D14
950
#1F310C

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

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