#54843F

#54843F

Color Values

HEX

#54843F

RGB

84, 132, 63

HSL

101.7, 35.4%, 38.2%

HSV

101.7, 52.3%, 51.8%

CMYK

36.4%, 0.0%, 52.3%, 48.2%

OKLCH

0.5621 0.1123 137.0

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#54843F

#6F3F84

Analogous

#76843F

#3F844C

#54843F

Triadic

#54843F

#3F5484

#843F54

Split Complementary

#54843F

#4C3F84

#843F76

Tetradic

#54843F

#3F7684

#6F3F84

#844C3F

Color Blindness Simulation

Original

#54843F

Protanopia

#696950

Deuteranopia

#666254

Tritanopia

#565D60

Achromatopsia

#757575

CSS Usage

background-color: #54843F;
color: #54843F;
border-color: #54843F;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F6FAF5
100
#EBF3E8
200
#D6E8CF
300
#B9D7AC
400
#94C27F
500
#6EAD52
600
#588A42
700
#466E35
800
#375629
900
#2A4021
950
#1B2815

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

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