#54842D

#54842D

Color Values

HEX

#54842D

RGB

84, 132, 45

HSL

93.1, 49.2%, 34.7%

HSV

93.1, 65.9%, 51.8%

CMYK

36.4%, 0.0%, 65.9%, 48.2%

OKLCH

0.5598 0.129 133.6

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#54842D

#5D2D84

Analogous

#80842D

#2D8431

#54842D

Triadic

#54842D

#2D5484

#842D54

Split Complementary

#54842D

#312D84

#842D80

Tetradic

#54842D

#2D8084

#5D2D84

#84312D

Color Blindness Simulation

Original

#54842D

Protanopia

#696942

Deuteranopia

#666247

Tritanopia

#565356

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF5E6
200
#D9EDCA
300
#BFE0A4
400
#9CCF72
500
#79BE41
600
#619834
700
#4D7A29
800
#3D5F20
900
#2E461B
950
#1D2C11

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

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