#533416

#533416

Color Values

HEX

#533416

RGB

83, 52, 22

HSL

29.5, 58.1%, 20.6%

HSV

29.5, 73.5%, 32.5%

CMYK

0.0%, 37.3%, 73.5%, 67.5%

OKLCH

0.3557 0.0624 62.4

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#533416

#163553

Analogous

#531617

#535316

#533416

Triadic

#533416

#165334

#341653

Split Complementary

#533416

#165353

#161753

Tetradic

#533416

#175316

#163553

#531653

Color Blindness Simulation

Original

#533416

Protanopia

#46451D

Deuteranopia

#474A1F

Tritanopia

#512324

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6EDE4
200
#F0DBC7
300
#E5C19E
400
#D7A06A
500
#CA7E35
600
#A1652B
700
#815122
800
#653F1B
900
#4A3017
950
#2F1E0F

Contrast Checker

Text on white

11.23:1

AA Pass AAA Pass

Text on black

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