#533F1C

#533F1C

Color Values

HEX

#533F1C

RGB

83, 63, 28

HSL

38.2, 49.5%, 21.8%

HSV

38.2, 66.3%, 32.5%

CMYK

0.0%, 24.1%, 66.3%, 67.5%

OKLCH

0.3813 0.0577 79.6

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#533F1C

#1C3053

Analogous

#53241C

#4C531C

#533F1C

Triadic

#533F1C

#1C533F

#3F1C53

Split Complementary

#533F1C

#1C4C53

#241C53

Tetradic

#533F1C

#1C5324

#1C3053

#531C4C

Color Blindness Simulation

Original

#533F1C

Protanopia

#4A4A24

Deuteranopia

#4C4D26

Tritanopia

#522B2D

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE6
200
#EDE0CA
300
#E0CAA4
400
#CFAD72
500
#BF9140
600
#987434
700
#7A5D29
800
#5F4820
900
#46361B
950
#2C2211

Contrast Checker

Text on white

10.02:1

AA Pass AAA Pass

Text on black

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