#533916

#533916

Color Values

HEX

#533916

RGB

83, 57, 22

HSL

34.4, 58.1%, 20.6%

HSV

34.4, 73.5%, 32.5%

CMYK

0.0%, 31.3%, 73.5%, 67.5%

OKLCH

0.3668 0.0618 71.7

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#533916

#163053

Analogous

#531A16

#4F5316

#533916

Triadic

#533916

#165339

#391653

Split Complementary

#533916

#164F53

#1A1653

Tetradic

#533916

#16531A

#163053

#53164F

Color Blindness Simulation

Original

#533916

Protanopia

#48481E

Deuteranopia

#494B20

Tritanopia

#522527

Achromatopsia

#3C3C3C

CSS Usage

background-color: #533916;
color: #533916;
border-color: #533916;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FBF8F4
100
#F6EEE4
200
#F0DEC7
300
#E5C79E
400
#D7A96A
500
#CA8A35
600
#A16F2B
700
#815922
800
#65451B
900
#4A3417
950
#2F210F

Contrast Checker

Text on white

10.69:1

AA Pass AAA Pass

Text on black

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