#533510

#533510

Color Values

HEX

#533510

RGB

83, 53, 16

HSL

33.1, 67.7%, 19.4%

HSV

33.1, 80.7%, 32.5%

CMYK

0.0%, 36.1%, 80.7%, 67.5%

OKLCH

0.3572 0.0663 68.0

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#533510

#102E53

Analogous

#531310

#505310

#533510

Triadic

#533510

#105335

#351053

Split Complementary

#533510

#105053

#131053

Tetradic

#533510

#105313

#102E53

#531050

Color Blindness Simulation

Original

#533510

Protanopia

#464619

Deuteranopia

#484A1B

Tritanopia

#522022

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DEC3
300
#EBC698
400
#E1A761
500
#D68829
600
#AB6D21
700
#89571A
800
#6B4415
900
#4E3413
950
#31210C

Contrast Checker

Text on white

11.14:1

AA Pass AAA Pass

Text on black

1.88:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026