#542F06

#542F06

Color Values

HEX

#542F06

RGB

84, 47, 6

HSL

31.5, 86.7%, 17.6%

HSV

31.5, 92.9%, 32.9%

CMYK

0.0%, 44.0%, 92.9%, 67.1%

OKLCH

0.345 0.0743 62.2

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#542F06

#062B54

Analogous

#540806

#525406

#542F06

Triadic

#542F06

#06542F

#2F0654

Split Complementary

#542F06

#065254

#080654

Tetradic

#542F06

#065408

#062B54

#540652

Color Blindness Simulation

Original

#542F06

Protanopia

#444410

Deuteranopia

#464912

Tritanopia

#521819

Achromatopsia

#343434

CSS Usage

background-color: #542F06;
color: #542F06;
border-color: #542F06;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FADDBC
300
#F7C48D
400
#F2A54F
500
#EE8511
600
#BE6A0E
700
#98550B
800
#774308
900
#56320B
950
#362007

Contrast Checker

Text on white

11.76:1

AA Pass AAA Pass

Text on black

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