#54531C

#54531C

Color Values

HEX

#54531C

RGB

84, 83, 28

HSL

58.9, 50.0%, 22.0%

HSV

58.9, 66.7%, 32.9%

CMYK

0.0%, 1.2%, 66.7%, 67.1%

OKLCH

0.431 0.0754 108.2

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#54531C

#1C1D54

Analogous

#54371C

#39541C

#54531C

Triadic

#54531C

#1C5453

#531C54

Split Complementary

#54531C

#1C3954

#371C54

Tetradic

#54531C

#1C5437

#1C1D54

#541C39

Color Blindness Simulation

Original

#54531C

Protanopia

#545429

Deuteranopia

#54542C

Tritanopia

#543436

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F4E6
200
#EDECC9
300
#E0DFA3
400
#D0CE71
500
#BFBD40
600
#999733
700
#7A7929
800
#605E20
900
#46451B
950
#2C2C11

Contrast Checker

Text on white

7.98:1

AA Pass AAA Pass

Text on black

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