#553620

#553620

Color Values

HEX

#553620

RGB

85, 54, 32

HSL

24.9, 45.3%, 22.9%

HSV

24.9, 62.4%, 33.3%

CMYK

0.0%, 36.5%, 62.4%, 66.7%

OKLCH

0.3644 0.0562 55.3

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#553620

#203F55

Analogous

#552024

#555020

#553620

Triadic

#553620

#205536

#362055

Split Complementary

#553620

#205550

#202455

Tetradic

#553620

#245520

#203F55

#502055

Color Blindness Simulation

Original

#553620

Protanopia

#484725

Deuteranopia

#494C27

Tritanopia

#532A2A

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#EBD9CB
300
#DEBDA6
400
#CB9976
500
#B97646
600
#945E38
700
#774B2D
800
#5D3B23
900
#442D1D
950
#2B1C12

Contrast Checker

Text on white

10.85:1

AA Pass AAA Pass

Text on black

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