#545F36

#545F36

Color Values

HEX

#545F36

RGB

84, 95, 54

HSL

76.1, 27.5%, 29.2%

HSV

76.1, 43.2%, 37.3%

CMYK

11.6%, 0.0%, 43.2%, 62.7%

OKLCH

0.4652 0.0629 121.1

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#545F36

#41365F

Analogous

#5F5536

#3F5F36

#545F36

Triadic

#545F36

#36545F

#5F3654

Split Complementary

#545F36

#363F5F

#55365F

Tetradic

#545F36

#365F55

#41365F

#5F363F

Color Blindness Simulation

Original

#545F36

Protanopia

#595940

Deuteranopia

#585742

Tritanopia

#554849

Achromatopsia

#5A5A5A

CSS Usage

background-color: #545F36;
color: #545F36;
border-color: #545F36;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8F9F6
100
#EFF1E9
200
#E0E5D1
300
#CAD3B1
400
#ADBB87
500
#90A35C
600
#73824A
700
#5C683B
800
#48512E
900
#363C24
950
#222617

Contrast Checker

Text on white

6.85:1

AA Pass AAA Fail

Text on black

3.07:1

AA Fail 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