#563D37

#563D37

Color Values

HEX

#563D37

RGB

86, 61, 55

HSL

11.6, 22.0%, 27.6%

HSV

11.6, 36.0%, 33.7%

CMYK

0.0%, 29.1%, 36.0%, 66.3%

OKLCH

0.3862 0.037 33.9

Properties

Warm Dark Nearest: RAL 8028 Terra Brown

Color Harmonies

Complementary

#563D37

#375056

Analogous

#563740

#564C37

#563D37

Triadic

#563D37

#37563D

#3D3756

Split Complementary

#563D37

#37564C

#374056

Tetradic

#563D37

#405637

#375056

#4C3756

Color Blindness Simulation

Original

#563D37

Protanopia

#4B4B38

Deuteranopia

#4D4E39

Tritanopia

#553A3A

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EBEA
200
#E3D6D3
300
#CFBAB4
400
#B5948C
500
#9C6E63
600
#7C5850
700
#644740
800
#4E3732
900
#3A2B27
950
#251B19

Contrast Checker

Text on white

9.91:1

AA Pass AAA Pass

Text on black

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