#534C33

#534C33

Color Values

HEX

#534C33

RGB

83, 76, 51

HSL

46.9, 23.9%, 26.3%

HSV

46.9, 38.6%, 32.5%

CMYK

0.0%, 8.4%, 38.6%, 67.5%

OKLCH

0.4165 0.0397 94.3

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#534C33

#333A53

Analogous

#533C33

#4A5333

#534C33

Triadic

#534C33

#33534C

#4C3353

Split Complementary

#534C33

#334A53

#3C3353

Tetradic

#534C33

#33533C

#333A53

#53334A

Color Blindness Simulation

Original

#534C33

Protanopia

#505039

Deuteranopia

#50513A

Tritanopia

#533E3F

Achromatopsia

#4C4C4C

CSS Usage

background-color: #534C33;
color: #534C33;
border-color: #534C33;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F8F6
100
#F1EFEA
200
#E4E0D3
300
#D0CAB3
400
#B7AD8A
500
#9E9161
600
#7E744E
700
#655D3E
800
#4F4831
900
#3B3626
950
#252218

Contrast Checker

Text on white

8.57:1

AA Pass AAA Pass

Text on black

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