#563035

#563035

Color Values

HEX

#563035

RGB

86, 48, 53

HSL

352.1, 28.4%, 26.3%

HSV

352.1, 44.2%, 33.7%

CMYK

0.0%, 44.2%, 38.4%, 66.3%

OKLCH

0.3586 0.0557 11.8

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#563035

#305651

Analogous

#563048

#563E30

#563035

Triadic

#563035

#355630

#303556

Split Complementary

#563035

#30563E

#304856

Tetradic

#563035

#485630

#305651

#3E3056

Color Blindness Simulation

Original

#563035

Protanopia

#464534

Deuteranopia

#484B33

Tritanopia

#543333

Achromatopsia

#383838

CSS Usage

background-color: #563035;
color: #563035;
border-color: #563035;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E5D1D4
300
#D3B0B5
400
#BB868D
500
#A45B65
600
#834951
700
#693A41
800
#522E32
900
#3D2427
950
#261719

Contrast Checker

Text on white

11.23:1

AA Pass AAA Pass

Text on black

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