#563207

#563207

Color Values

HEX

#563207

RGB

86, 50, 7

HSL

32.7, 84.9%, 18.2%

HSV

32.7, 91.9%, 33.7%

CMYK

0.0%, 41.9%, 91.9%, 66.3%

OKLCH

0.3544 0.0745 64.4

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#563207

#072B56

Analogous

#560B07

#525607

#563207

Triadic

#563207

#075632

#320756

Split Complementary

#563207

#075256

#0B0756

Tetradic

#563207

#07560B

#072B56

#560752

Color Blindness Simulation

Original

#563207

Protanopia

#464611

Deuteranopia

#484B14

Tritanopia

#541A1B

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FADEBD
300
#F6C68E
400
#F1A851
500
#EC8913
600
#BD6E0F
700
#97580C
800
#76450A
900
#55340B
950
#362107

Contrast Checker

Text on white

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