#563E65

#563E65

Color Values

HEX

#563E65

RGB

86, 62, 101

HSL

276.9, 23.9%, 32.0%

HSV

276.9, 38.6%, 39.6%

CMYK

14.9%, 38.6%, 0.0%, 60.4%

OKLCH

0.4067 0.0699 311.7

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#563E65

#4D653E

Analogous

#433E65

#653E61

#563E65

Triadic

#563E65

#65563E

#3E6556

Split Complementary

#563E65

#61653E

#3E6543

Tetradic

#563E65

#65433E

#4D653E

#3E6165

Color Blindness Simulation

Original

#563E65

Protanopia

#4C4B5C

Deuteranopia

#4D4F59

Tritanopia

#555452

Achromatopsia

#464646

CSS Usage

background-color: #563E65;
color: #563E65;
border-color: #563E65;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F8F6F9
100
#EEEAF1
200
#DDD3E4
300
#C5B3D0
400
#A68AB7
500
#87619E
600
#6C4E7E
700
#563E65
800
#43314F
900
#33263B
950
#201825

Contrast Checker

Text on white

9.24:1

AA Pass AAA Pass

Text on black

2.27:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026