#533B15

#533B15

Color Values

HEX

#533B15

RGB

83, 59, 21

HSL

36.8, 59.6%, 20.4%

HSV

36.8, 74.7%, 32.5%

CMYK

0.0%, 28.9%, 74.7%, 67.5%

OKLCH

0.3712 0.0628 75.9

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#533B15

#152D53

Analogous

#531C15

#4C5315

#533B15

Triadic

#533B15

#15533B

#3B1553

Split Complementary

#533B15

#154C53

#1C1553

Tetradic

#533B15

#15531C

#152D53

#53154C

Color Blindness Simulation

Original

#533B15

Protanopia

#49481E

Deuteranopia

#4A4C20

Tritanopia

#522527

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EFE4
200
#F1E0C6
300
#E6CA9D
400
#D9AD68
500
#CB9134
600
#A37429
700
#825D21
800
#66481A
900
#4A3616
950
#2F220E

Contrast Checker

Text on white

10.48:1

AA Pass AAA Pass

Text on black

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