#533328

#533328

Color Values

HEX

#533328

RGB

83, 51, 40

HSL

15.3, 35.0%, 24.1%

HSV

15.3, 51.8%, 32.5%

CMYK

0.0%, 38.6%, 51.8%, 67.5%

OKLCH

0.3569 0.0503 39.7

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#533328

#284853

Analogous

#532832

#534828

#533328

Triadic

#533328

#285333

#332853

Split Complementary

#533328

#285348

#283253

Tetradic

#533328

#325328

#284853

#482853

Color Blindness Simulation

Original

#533328

Protanopia

#45452B

Deuteranopia

#47492B

Tritanopia

#512D2D

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F2EBE8
200
#E8D5CF
300
#D7B7AC
400
#C29080
500
#AC6A53
600
#8A5542
700
#6E4435
800
#563529
900
#402921
950
#281A15

Contrast Checker

Text on white

11.22:1

AA Pass AAA Pass

Text on black

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