#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