#563F51

#563F51

Color Values

HEX

#563F51

RGB

86, 63, 81

HSL

313.0, 15.4%, 29.2%

HSV

313.0, 26.7%, 33.7%

CMYK

0.0%, 26.7%, 5.8%, 66.3%

OKLCH

0.3995 0.0425 334.2

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#563F51

#3F5644

Analogous

#4F3F56

#563F45

#563F51

Triadic

#563F51

#51563F

#3F5156

Split Complementary

#563F51

#45563F

#3F564F

Tetradic

#563F51

#564F3F

#3F5644

#3F4556

Color Blindness Simulation

Original

#563F51

Protanopia

#4C4C4D

Deuteranopia

#4D4F4C

Tritanopia

#554948

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEE
200
#E1D6DE
300
#CBB8C7
400
#AF92A9
500
#936C8B
600
#76566F
700
#5E4559
800
#4A3645
900
#372A34
950
#231A21

Contrast Checker

Text on white

9.44:1

AA Pass AAA Pass

Text on black

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