#56320C

#56320C

Color Values

HEX

#56320C

RGB

86, 50, 12

HSL

30.8, 75.5%, 19.2%

HSV

30.8, 86.0%, 33.7%

CMYK

0.0%, 41.9%, 86.0%, 66.3%

OKLCH

0.3547 0.0721 62.3

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#56320C

#0C3056

Analogous

#560D0C

#55560C

#56320C

Triadic

#56320C

#0C5632

#320C56

Split Complementary

#56320C

#0C5556

#0D0C56

Tetradic

#56320C

#0C560D

#0C3056

#560C55

Color Blindness Simulation

Original

#56320C

Protanopia

#464615

Deuteranopia

#484B17

Tritanopia

#541C1E

Achromatopsia

#373737

CSS Usage

background-color: #56320C;
color: #56320C;
border-color: #56320C;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FCF7F2
100
#F9EDE2
200
#F6DCC0
300
#F0C394
400
#E8A359
500
#E0821F
600
#B36819
700
#8F5314
800
#704110
900
#513110
950
#331F0A

Contrast Checker

Text on white

11.31:1

AA Pass AAA Pass

Text on black

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