#533D42

#533D42

Color Values

HEX

#533D42

RGB

83, 61, 66

HSL

346.4, 15.3%, 28.2%

HSV

346.4, 26.5%, 32.5%

CMYK

0.0%, 26.5%, 20.5%, 67.5%

OKLCH

0.3859 0.0318 3.6

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#533D42

#3D534E

Analogous

#533D4D

#53433D

#533D42

Triadic

#533D42

#42533D

#3D4253

Split Complementary

#533D42

#3D5343

#3D4D53

Tetradic

#533D42

#4D533D

#3D534E

#433D53

Color Blindness Simulation

Original

#533D42

Protanopia

#494941

Deuteranopia

#4B4C40

Tritanopia

#524040

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBEC
200
#E1D6D8
300
#CBB8BD
400
#AF9299
500
#936C75
600
#76565D
700
#5E454B
800
#4A363A
900
#372A2D
950
#231A1C

Contrast Checker

Text on white

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