#533D43

#533D43

Color Values

HEX

#533D43

RGB

83, 61, 67

HSL

343.6, 15.3%, 28.2%

HSV

343.6, 26.5%, 32.5%

CMYK

0.0%, 26.5%, 19.3%, 67.5%

OKLCH

0.3863 0.0322 0.7

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#533D43

#3D534D

Analogous

#533D4E

#53423D

#533D43

Triadic

#533D43

#43533D

#3D4353

Split Complementary

#533D43

#3D5342

#3D4E53

Tetradic

#533D43

#4E533D

#3D534D

#423D53

Color Blindness Simulation

Original

#533D43

Protanopia

#494942

Deuteranopia

#4B4C41

Tritanopia

#524040

Achromatopsia

#424242

CSS Usage

background-color: #533D43;
color: #533D43;
border-color: #533D43;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F8F6F7
100
#EFEBEC
200
#E1D6D9
300
#CBB8BE
400
#AF929A
500
#936C77
600
#76565F
700
#5E454C
800
#4A363B
900
#372A2D
950
#231A1D

Contrast Checker

Text on white

9.92:1

AA Pass AAA Pass

Text on black

2.12:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026