#564C69

#564C69

Color Values

HEX

#564C69

RGB

86, 76, 105

HSL

260.7, 16.0%, 35.5%

HSV

260.7, 27.6%, 41.2%

CMYK

18.1%, 27.6%, 0.0%, 58.8%

OKLCH

0.438 0.0484 300.2

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#564C69

#5F694C

Analogous

#4C5169

#654C69

#564C69

Triadic

#564C69

#69564C

#4C6956

Split Complementary

#564C69

#69654C

#51694C

Tetradic

#564C69

#694C51

#5F694C

#4C6965

Color Blindness Simulation

Original

#564C69

Protanopia

#525262

Deuteranopia

#525360

Tritanopia

#565C5B

Achromatopsia

#505050

CSS Usage

background-color: #564C69;
color: #564C69;
border-color: #564C69;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F8
100
#ECEBF0
200
#DAD6E1
300
#BFB8CC
400
#9C92B0
500
#796B94
600
#615676
700
#4E455F
800
#3D364A
900
#2E2937
950
#1D1A23

Contrast Checker

Text on white

7.97:1

AA Pass AAA Pass

Text on black

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