#542900

#542900

Color Values

HEX

#542900

RGB

84, 41, 0

HSL

29.3, 100.0%, 16.5%

HSV

29.3, 100.0%, 32.9%

CMYK

0.0%, 51.2%, 100.0%, 67.1%

OKLCH

0.3325 0.0805 56.9

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#542900

#002B54

Analogous

#540001

#545300

#542900

Triadic

#542900

#005429

#290054

Split Complementary

#542900

#005453

#000154

Tetradic

#542900

#015400

#002B54

#530054

Color Blindness Simulation

Original

#542900

Protanopia

#41410A

Deuteranopia

#44470C

Tritanopia

#521213

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FFDAB8
300
#FFC085
400
#FF9E42
500
#FF7D00
600
#CC6400
700
#A35000
800
#803E00
900
#5C2F05
950
#3A1E03

Contrast Checker

Text on white

12.4:1

AA Pass AAA Pass

Text on black

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