#545D16

#545D16

Color Values

HEX

#545D16

RGB

84, 93, 22

HSL

67.6, 61.7%, 22.5%

HSV

67.6, 76.3%, 36.5%

CMYK

9.7%, 0.0%, 76.3%, 63.5%

OKLCH

0.4559 0.0929 116.5

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#545D16

#1F165D

Analogous

#5D4216

#305D16

#545D16

Triadic

#545D16

#16545D

#5D1654

Split Complementary

#545D16

#16305D

#42165D

Tetradic

#545D16

#165D42

#1F165D

#5D1630

Color Blindness Simulation

Original

#545D16

Protanopia

#585827

Deuteranopia

#57572B

Tritanopia

#543538

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FAFBF3
100
#F4F7E4
200
#ECF1C5
300
#DEE89C
400
#CCDB66
500
#BACE31
600
#95A527
700
#77841F
800
#5D6718
900
#454B16
950
#2B300E

Contrast Checker

Text on white

7.11:1

AA Pass AAA Pass

Text on black

2.95:1

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