#54891A

#54891A

Color Values

HEX

#54891A

RGB

84, 137, 26

HSL

88.6, 68.1%, 32.0%

HSV

88.6, 81.0%, 53.7%

CMYK

38.7%, 0.0%, 81.0%, 46.3%

OKLCH

0.5715 0.1482 132.5

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#54891A

#4F1A89

Analogous

#89871A

#1D891A

#54891A

Triadic

#54891A

#1A5489

#891A54

Split Complementary

#54891A

#1A1D89

#871A89

Tetradic

#54891A

#1A8987

#4F1A89

#891A1D

Color Blindness Simulation

Original

#54891A

Protanopia

#6B6B35

Deuteranopia

#68643B

Tritanopia

#574A4F

Achromatopsia

#767676

CSS Usage

background-color: #54891A;
color: #54891A;
border-color: #54891A;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DCF4C3
300
#C4EB98
400
#A4E160
500
#84D629
600
#69AB21
700
#54891A
800
#426B14
900
#324E13
950
#1F310C

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.97:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026