#563B59

#563B59

Color Values

HEX

#563B59

RGB

86, 59, 89

HSL

294.0, 20.3%, 29.0%

HSV

294.0, 33.7%, 34.9%

CMYK

3.4%, 33.7%, 0.0%, 65.1%

OKLCH

0.3947 0.0602 323.2

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#563B59

#3E593B

Analogous

#473B59

#593B4D

#563B59

Triadic

#563B59

#59563B

#3B5956

Split Complementary

#563B59

#4D593B

#3B5947

Tetradic

#563B59

#59473B

#3E593B

#3B4D59

Color Blindness Simulation

Original

#563B59

Protanopia

#4A4A52

Deuteranopia

#4C4E50

Tritanopia

#554C4B

Achromatopsia

#434343

CSS Usage

background-color: #563B59;
color: #563B59;
border-color: #563B59;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F8F6F9
100
#F0EAF0
200
#E1D4E3
300
#CCB5CE
400
#B08DB4
500
#946699
600
#77517B
700
#5F4162
800
#4A334D
900
#382839
950
#231924

Contrast Checker

Text on white

9.7:1

AA Pass AAA Pass

Text on black

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