#533B2B

#533B2B

Color Values

HEX

#533B2B

RGB

83, 59, 43

HSL

24.0, 31.7%, 24.7%

HSV

24.0, 48.2%, 32.5%

CMYK

0.0%, 28.9%, 48.2%, 67.5%

OKLCH

0.3749 0.0428 54.7

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#533B2B

#2B4353

Analogous

#532B2F

#534F2B

#533B2B

Triadic

#533B2B

#2B533B

#3B2B53

Split Complementary

#533B2B

#2B534F

#2B2F53

Tetradic

#533B2B

#2F532B

#2B4353

#4F2B53

Color Blindness Simulation

Original

#533B2B

Protanopia

#49482F

Deuteranopia

#4A4C30

Tritanopia

#523233

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E7D9D0
300
#D5BEAE
400
#BF9B83
500
#A87757
600
#866046
700
#6B4C38
800
#543C2C
900
#3E2E23
950
#271D16

Contrast Checker

Text on white

10.35:1

AA Pass AAA Pass

Text on black

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