#553022

#553022

Color Values

HEX

#553022

RGB

85, 48, 34

HSL

16.5, 42.9%, 23.3%

HSV

16.5, 60.0%, 33.3%

CMYK

0.0%, 43.5%, 60.0%, 66.7%

OKLCH

0.3522 0.0591 41.3

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#553022

#224755

Analogous

#55222D

#554922

#553022

Triadic

#553022

#225530

#302255

Split Complementary

#553022

#225549

#222D55

Tetradic

#553022

#2D5522

#224755

#492255

Color Blindness Simulation

Original

#553022

Protanopia

#454525

Deuteranopia

#474A26

Tritanopia

#532829

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F4EAE7
200
#EBD4CC
300
#DCB6A8
400
#C98E78
500
#B66749
600
#92523A
700
#75422F
800
#5B3324
900
#43281E
950
#2A1913

Contrast Checker

Text on white

11.46:1

AA Pass AAA Pass

Text on black

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