#54571F

#54571F

Color Values

HEX

#54571F

RGB

84, 87, 31

HSL

63.2, 47.5%, 23.1%

HSV

63.2, 64.4%, 34.1%

CMYK

3.4%, 0.0%, 64.4%, 65.9%

OKLCH

0.4414 0.0776 112.0

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#54571F

#221F57

Analogous

#573E1F

#38571F

#54571F

Triadic

#54571F

#1F5457

#571F54

Split Complementary

#54571F

#1F3857

#3E1F57

Tetradic

#54571F

#1F573E

#221F57

#571F38

Color Blindness Simulation

Original

#54571F

Protanopia

#55552D

Deuteranopia

#555530

Tritanopia

#54373A

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EAECCA
300
#DCDFA5
400
#C9CD74
500
#B6BC43
600
#919636
700
#74782B
800
#5B5E21
900
#43451C
950
#2A2C12

Contrast Checker

Text on white

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