#54580D

#54580D

Color Values

HEX

#54580D

RGB

84, 88, 13

HSL

63,2, 74,3%, 19,8%

HSV

63,2, 85,2%, 34,5%

CMYK

4,5%, 0,0%, 85,2%, 65,5%

OKLCH

0,4424 0,0923 112,8

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#54580D

#110D58

Analogous

#58360D

#2E580D

#54580D

Triadic

#54580D

#0D5458

#580D54

Split Complementary

#54580D

#0D2E58

#360D58

Tetradic

#54580D

#0D5836

#110D58

#580D2E

Color Blindness Simulation

Original

#54580D

Protanopia

#56561F

Deuteranopia

#565524

Tritanopia

#542D31

Achromatopsia

#525252

CSS Usage

background-color: #54580D;
color: #54580D;
border-color: #54580D;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FCFCF3
100
#F7F8E2
200
#F3F6C1
300
#EAEF94
400
#DFE75B
500
#D4DE21
600
#AAB21A
700
#888E15
800
#6A6F10
900
#4D5110
950
#31330A

Contrast Checker

Text on white

7,56:1

AA Pass AAA Pass

Text on black

2,78:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026