#534342

#534342

Color Values

HEX

#534342

RGB

83, 67, 66

HSL

3.5, 11.4%, 29.2%

HSV

3.5, 20.5%, 32.5%

CMYK

0.0%, 19.3%, 20.5%, 67.5%

OKLCH

0.3993 0.0222 22.3

Properties

Warm Dark Nearest: RAL 8019 Grey Brown

Color Harmonies

Complementary

#534342

#425253

Analogous

#534249

#534B42

#534342

Triadic

#534342

#425343

#434253

Split Complementary

#534342

#42534B

#424953

Tetradic

#534342

#495342

#425253

#4B4253

Color Blindness Simulation

Original

#534342

Protanopia

#4C4C42

Deuteranopia

#4D4E42

Tritanopia

#524242

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEB
200
#DFD8D7
300
#C9BCBB
400
#AB9796
500
#8E7371
600
#725C5A
700
#5B4948
800
#473938
900
#352C2B
950
#221C1B

Contrast Checker

Text on white

9.34:1

AA Pass AAA Pass

Text on black

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