#54520F

#54520F

Color Values

HEX

#54520F

RGB

84, 82, 15

HSL

58.3, 69.7%, 19.4%

HSV

58.3, 82.1%, 32.9%

CMYK

0.0%, 2.4%, 82.1%, 67.1%

OKLCH

0.4274 0.0844 107.7

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#54520F

#0F1154

Analogous

#54300F

#33540F

#54520F

Triadic

#54520F

#0F5452

#520F54

Split Complementary

#54520F

#0F3354

#300F54

Tetradic

#54520F

#0F5430

#0F1154

#540F33

Color Blindness Simulation

Original

#54520F

Protanopia

#53531F

Deuteranopia

#535323

Tritanopia

#542C2F

Achromatopsia

#4E4E4E

CSS Usage

background-color: #54520F;
color: #54520F;
border-color: #54520F;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FCFCF3
100
#F8F7E3
200
#F4F3C2
300
#ECEA97
400
#E2DF5F
500
#D8D327
600
#ADA91F
700
#8A8719
800
#6C6A13
900
#4F4D12
950
#32310B

Contrast Checker

Text on white

8.11:1

AA Pass AAA Pass

Text on black

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