#54571C

#54571C

Color Values

HEX

#54571C

RGB

84, 87, 28

HSL

63.1, 51.3%, 22.5%

HSV

63.1, 67.8%, 34.1%

CMYK

3.4%, 0.0%, 67.8%, 65.9%

OKLCH

0.4411 0.0804 112.0

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#54571C

#1F1C57

Analogous

#573C1C

#36571C

#54571C

Triadic

#54571C

#1C5457

#571C54

Split Complementary

#54571C

#1C3657

#3C1C57

Tetradic

#54571C

#1C573C

#1F1C57

#571C36

Color Blindness Simulation

Original

#54571C

Protanopia

#55552A

Deuteranopia

#55552E

Tritanopia

#543638

Achromatopsia

#525252

CSS Usage

background-color: #54571C;
color: #54571C;
border-color: #54571C;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#ECEEC9
300
#DEE1A2
400
#CCD170
500
#BAC13E
600
#959A32
700
#777B28
800
#5D601F
900
#45471A
950
#2B2D10

Contrast Checker

Text on white

7.62:1

AA Pass AAA Pass

Text on black

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