#533B14

#533B14

Color Values

HEX

#533B14

RGB

83, 59, 20

HSL

37.1, 61.2%, 20.2%

HSV

37.1, 75.9%, 32.5%

CMYK

0.0%, 28.9%, 75.9%, 67.5%

OKLCH

0.3711 0.0636 76.4

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#533B14

#142C53

Analogous

#531B14

#4C5314

#533B14

Triadic

#533B14

#14533B

#3B1453

Split Complementary

#533B14

#144C53

#1B1453

Tetradic

#533B14

#14531B

#142C53

#53144C

Color Blindness Simulation

Original

#533B14

Protanopia

#49481D

Deuteranopia

#4A4C20

Tritanopia

#522527

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EFE4
200
#F1E0C5
300
#E7CB9C
400
#DAAE67
500
#CE9231
600
#A47528
700
#845D20
800
#674919
900
#4B3716
950
#2F230E

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