#533F29

#533F29

Color Values

HEX

#533F29

RGB

83, 63, 41

HSL

31.4, 33.9%, 24.3%

HSV

31.4, 50.6%, 32.5%

CMYK

0.0%, 24.1%, 50.6%, 67.5%

OKLCH

0.3836 0.0442 68.6

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#533F29

#293D53

Analogous

#532A29

#525329

#533F29

Triadic

#533F29

#29533F

#3F2953

Split Complementary

#533F29

#295253

#2A2953

Tetradic

#533F29

#29532A

#293D53

#532952

Color Blindness Simulation

Original

#533F29

Protanopia

#4A4A2E

Deuteranopia

#4C4D30

Tritanopia

#523333

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F2EDE8
200
#E7DCCF
300
#D7C3AD
400
#C1A281
500
#AB8254
600
#896843
700
#6D5336
800
#55412A
900
#3F3122
950
#281F15

Contrast Checker

Text on white

9.95:1

AA Pass AAA Pass

Text on black

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