#54530F

#54530F

Color Values

HEX

#54530F

RGB

84, 83, 15

HSL

59.1, 69.7%, 19.4%

HSV

59.1, 82.1%, 32.9%

CMYK

0.0%, 1.2%, 82.1%, 67.1%

OKLCH

0.4299 0.0855 108.6

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#54530F

#0F1054

Analogous

#54300F

#33540F

#54530F

Triadic

#54530F

#0F5453

#530F54

Split Complementary

#54530F

#0F3354

#300F54

Tetradic

#54530F

#0F5430

#0F1054

#540F33

Color Blindness Simulation

Original

#54530F

Protanopia

#54541F

Deuteranopia

#545423

Tritanopia

#542C2F

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F7E3
200
#F4F3C2
300
#ECEB97
400
#E2E05F
500
#D8D627
600
#ADAB1F
700
#8A8919
800
#6C6B13
900
#4F4E12
950
#32310B

Contrast Checker

Text on white

8.01:1

AA Pass AAA Pass

Text on black

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