#405563

#405563

Color Values

HEX

#405563

RGB

64, 85, 99

HSL

204.0, 21.5%, 32.0%

HSV

204.0, 35.4%, 38.8%

CMYK

35.4%, 14.1%, 0.0%, 61.2%

OKLCH

0.4377 0.0347 237.8

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#405563

#634E40

Analogous

#406360

#404463

#405563

Triadic

#405563

#634055

#556340

Split Complementary

#405563

#634044

#636040

Tetradic

#405563

#604063

#634E40

#446340

Color Blindness Simulation

Original

#405563

Protanopia

#494960

Deuteranopia

#48465F

Tritanopia

#415D5C

Achromatopsia

#525252

CSS Usage

background-color: #405563;
color: #405563;
border-color: #405563;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE3
300
#B5C4CF
400
#8CA5B5
500
#64859B
600
#506A7C
700
#405563
800
#32424D
900
#27323A
950
#192025

Contrast Checker

Text on white

7.78:1

AA Pass AAA Pass

Text on black

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