#56320F

#56320F

Color Values

HEX

#56320F

RGB

86, 50, 15

HSL

29.6, 70.3%, 19.8%

HSV

29.6, 82.6%, 33.7%

CMYK

0.0%, 41.9%, 82.6%, 66.3%

OKLCH

0.355 0.0705 60.8

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#56320F

#0F3356

Analogous

#560F0F

#56560F

#56320F

Triadic

#56320F

#0F5632

#320F56

Split Complementary

#56320F

#0F5656

#0F0F56

Tetradic

#56320F

#0F560F

#0F3356

#560F56

Color Blindness Simulation

Original

#56320F

Protanopia

#464617

Deuteranopia

#484B1A

Tritanopia

#541E20

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F4DBC2
300
#EDC197
400
#E3A05E
500
#D97E26
600
#AE651E
700
#8B5118
800
#6D3F13
900
#4F3012
950
#321E0B

Contrast Checker

Text on white

11.3:1

AA Pass AAA Pass

Text on black

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