#543C28

#543C28

Color Values

HEX

#543C28

RGB

84, 60, 40

HSL

27.3, 35.5%, 24.3%

HSV

27.3, 52.4%, 32.9%

CMYK

0.0%, 28.6%, 52.4%, 67.1%

OKLCH

0.3778 0.0463 60.5

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#543C28

#284054

Analogous

#54282A

#545228

#543C28

Triadic

#543C28

#28543C

#3C2854

Split Complementary

#543C28

#285452

#282A54

Tetradic

#543C28

#2A5428

#284054

#522854

Color Blindness Simulation

Original

#543C28

Protanopia

#4A492D

Deuteranopia

#4B4D2E

Tritanopia

#533132

Achromatopsia

#404040

CSS Usage

background-color: #543C28;
color: #543C28;
border-color: #543C28;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF7F5
100
#F3EDE8
200
#E8DACF
300
#D8C0AC
400
#C29E7F
500
#AD7B52
600
#8A6342
700
#6F4F35
800
#563E29
900
#402F21
950
#281E15

Contrast Checker

Text on white

10.22:1

AA Pass AAA Pass

Text on black

2.05:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026