#533604

#533604

Color Values

HEX

#533604

RGB

83, 54, 4

HSL

38.0, 90.8%, 17.1%

HSV

38.0, 95.2%, 32.5%

CMYK

0.0%, 34.9%, 95.2%, 67.5%

OKLCH

0.3585 0.073 74.3

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#533604

#042153

Analogous

#530F04

#495304

#533604

Triadic

#533604

#045336

#360453

Split Complementary

#533604

#044953

#0F0453

Tetradic

#533604

#04530F

#042153

#530449

Color Blindness Simulation

Original

#533604

Protanopia

#464610

Deuteranopia

#484A13

Tritanopia

#521A1C

Achromatopsia

#393939

CSS Usage

background-color: #533604;
color: #533604;
border-color: #533604;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FDF9F1
100
#FBF1DF
200
#FCE4BB
300
#F9D18A
400
#F6B74B
500
#F39E0C
600
#C37F09
700
#9C6508
800
#7A4F06
900
#583B09
950
#382506

Contrast Checker

Text on white

11.07:1

AA Pass AAA Pass

Text on black

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