#545C12

#545C12

Color Values

HEX

#545C12

RGB

84, 92, 18

HSL

66.5, 67.3%, 21.6%

HSV

66.5, 80.4%, 36.1%

CMYK

8.7%, 0.0%, 80.4%, 63.9%

OKLCH

0.453 0.0943 115.7

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#545C12

#1A125C

Analogous

#5C3F12

#2F5C12

#545C12

Triadic

#545C12

#12545C

#5C1254

Split Complementary

#545C12

#122F5C

#3F125C

Tetradic

#545C12

#125C3F

#1A125C

#5C122F

Color Blindness Simulation

Original

#545C12

Protanopia

#575824

Deuteranopia

#575628

Tritanopia

#543235

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F5F7E3
200
#EEF3C3
300
#E2EB99
400
#D2E061
500
#C3D52A
600
#9CAB21
700
#7D891B
800
#616B15
900
#474E13
950
#2D310C

Contrast Checker

Text on white

7.2:1

AA Pass AAA Pass

Text on black

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