#534D3F

#534D3F

Color Values

HEX

#534D3F

RGB

83, 77, 63

HSL

42.0, 13.7%, 28.6%

HSV

42.0, 24.1%, 32.5%

CMYK

0.0%, 7.2%, 24.1%, 67.5%

OKLCH

0.4218 0.0237 87.6

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#534D3F

#3F4553

Analogous

#53433F

#4F533F

#534D3F

Triadic

#534D3F

#3F534D

#4D3F53

Split Complementary

#534D3F

#3F4F53

#433F53

Tetradic

#534D3F

#3F5343

#3F4553

#533F4F

Color Blindness Simulation

Original

#534D3F

Protanopia

#505042

Deuteranopia

#515143

Tritanopia

#534546

Achromatopsia

#4D4D4D

CSS Usage

background-color: #534D3F;
color: #534D3F;
border-color: #534D3F;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F8F6
100
#EFEEEB
200
#E0DDD6
300
#CAC5B9
400
#AEA694
500
#91866E
600
#746C58
700
#5D5646
800
#484337
900
#36332A
950
#22201B

Contrast Checker

Text on white

8.4:1

AA Pass AAA Pass

Text on black

2.5:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026