#533C2C

#533C2C

Color Values

HEX

#533C2C

RGB

83, 60, 44

HSL

24.6, 30.7%, 24.9%

HSV

24.6, 47.0%, 32.5%

CMYK

0.0%, 27.7%, 47.0%, 67.5%

OKLCH

0.3774 0.0415 55.9

Properties

Warm Dark Nearest: RAL 8028 Terra Brown

Color Harmonies

Complementary

#533C2C

#2C4353

Analogous

#532C30

#534F2C

#533C2C

Triadic

#533C2C

#2C533C

#3C2C53

Split Complementary

#533C2C

#2C534F

#2C3053

Tetradic

#533C2C

#30532C

#2C4353

#4F2C53

Color Blindness Simulation

Original

#533C2C

Protanopia

#494930

Deuteranopia

#4A4C31

Tritanopia

#523334

Achromatopsia

#404040

CSS Usage

background-color: #533C2C;
color: #533C2C;
border-color: #533C2C;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E6D9D0
300
#D5BEAF
400
#BE9B84
500
#A77858
600
#856047
700
#6B4D39
800
#533C2C
900
#3E2E23
950
#271D16

Contrast Checker

Text on white

10.24:1

AA Pass AAA Pass

Text on black

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