#563541

#563541

Color Values

HEX

#563541

RGB

86, 53, 65

HSL

338.2, 23.7%, 27.3%

HSV

338.2, 38.4%, 33.7%

CMYK

0.0%, 38.4%, 24.4%, 66.3%

OKLCH

0.3726 0.0504 356.4

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#563541

#35564A

Analogous

#563552

#563A35

#563541

Triadic

#563541

#415635

#354156

Split Complementary

#563541

#35563A

#355256

Tetradic

#563541

#525635

#35564A

#3A3556

Color Blindness Simulation

Original

#563541

Protanopia

#48473E

Deuteranopia

#4A4C3D

Tritanopia

#543C3B

Achromatopsia

#3D3D3D

CSS Usage

background-color: #563541;
color: #563541;
border-color: #563541;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F9F6F7
100
#F1EAEC
200
#E4D3D9
300
#D0B3BE
400
#B78A9B
500
#9E6177
600
#7E4E5F
700
#653E4C
800
#4F313C
900
#3B262E
950
#25181D

Contrast Checker

Text on white

10.6:1

AA Pass AAA Pass

Text on black

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