#542017

#542017

Color Values

HEX

#542017

RGB

84, 32, 23

HSL

8,9, 57,0%, 21,0%

HSV

8,9, 72,6%, 32,9%

CMYK

0,0%, 61,9%, 72,6%, 67,1%

OKLCH

0,319 0,0799 31,7

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#542017

#174B54

Analogous

#54172C

#543F17

#542017

Triadic

#542017

#175420

#201754

Split Complementary

#542017

#17543F

#172C54

Tetradic

#542017

#2C5417

#174B54

#3F1754

Color Blindness Simulation

Original

#542017

Protanopia

#3D3D19

Deuteranopia

#40441A

Tritanopia

#511B1B

Achromatopsia

#2A2A2A

CSS Usage

background-color: #542017;
color: #542017;
border-color: #542017;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FBF5F4
100
#F6E7E5
200
#F0CDC7
300
#E5A99F
400
#D67B6B
500
#C84C37
600
#A03D2C
700
#803123
800
#64261B
900
#491F18
950
#2E140F

Contrast Checker

Text on white

13,16:1

AA Pass AAA Pass

Text on black

1,6:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026