#553218

#553218

Color Values

HEX

#553218

RGB

85, 50, 24

HSL

25.6, 56.0%, 21.4%

HSV

25.6, 71.8%, 33.3%

CMYK

0.0%, 41.2%, 71.8%, 66.7%

OKLCH

0.3546 0.0639 55.5

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#553218

#183B55

Analogous

#55181C

#555118

#553218

Triadic

#553218

#185532

#321855

Split Complementary

#553218

#185551

#181C55

Tetradic

#553218

#1C5518

#183B55

#511855

Color Blindness Simulation

Original

#553218

Protanopia

#46461E

Deuteranopia

#484A20

Tritanopia

#532324

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6ECE5
200
#EFD8C7
300
#E4BDA0
400
#D5996C
500
#C77538
600
#9F5E2D
700
#7F4B24
800
#633B1C
900
#492D18
950
#2E1C0F

Contrast Checker

Text on white

11.32:1

AA Pass AAA Pass

Text on black

1.86:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026