#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026