#542425

#542425

Color Values

HEX

#542425

RGB

84, 36, 37

HSL

358.8, 40.0%, 23.5%

HSV

358.8, 57.1%, 32.9%

CMYK

0.0%, 57.1%, 56.0%, 67.1%

OKLCH

0.3287 0.0717 20.5

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#542425

#245453

Analogous

#54243D

#543B24

#542425

Triadic

#542425

#255424

#242554

Split Complementary

#542425

#24543B

#243D54

Tetradic

#542425

#3D5424

#245453

#3B2454

Color Blindness Simulation

Original

#542425

Protanopia

#3F3F25

Deuteranopia

#424625

Tritanopia

#522525

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#EACDCE
300
#DAA9AA
400
#C67B7C
500
#B24C4F
600
#8F3D3F
700
#723132
800
#592627
900
#421F20
950
#2A1414

Contrast Checker

Text on white

12.68:1

AA Pass AAA Pass

Text on black

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