#55320C

#55320C

Color Values

HEX

#55320C

RGB

85, 50, 12

HSL

31.2, 75.3%, 19.0%

HSV

31.2, 85.9%, 33.3%

CMYK

0.0%, 41.2%, 85.9%, 66.7%

OKLCH

0.3533 0.0712 63.2

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#55320C

#0C2F55

Analogous

#550D0C

#53550C

#55320C

Triadic

#55320C

#0C5532

#320C55

Split Complementary

#55320C

#0C5355

#0D0C55

Tetradic

#55320C

#0C550D

#0C2F55

#550C53

Color Blindness Simulation

Original

#55320C

Protanopia

#464615

Deuteranopia

#484A17

Tritanopia

#531C1E

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EEE2
200
#F6DCC0
300
#F0C494
400
#E8A35A
500
#E0831F
600
#B36919
700
#8F5414
800
#704210
900
#513210
950
#331F0A

Contrast Checker

Text on white

11.36:1

AA Pass AAA Pass

Text on black

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