#405463

#405463

Color Values

HEX

#405463

RGB

64, 84, 99

HSL

205.7, 21.5%, 32.0%

HSV

205.7, 35.4%, 38.8%

CMYK

35.4%, 15.2%, 0.0%, 61.2%

OKLCH

0.4353 0.0351 241.0

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#405463

#634F40

Analogous

#406361

#404363

#405463

Triadic

#405463

#634054

#546340

Split Complementary

#405463

#634043

#636140

Tetradic

#405463

#614063

#634F40

#436340

Color Blindness Simulation

Original

#405463

Protanopia

#49495F

Deuteranopia

#48465E

Tritanopia

#415D5C

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DCE3
300
#B5C4CF
400
#8CA4B5
500
#64839B
600
#50697C
700
#405463
800
#32424D
900
#27323A
950
#191F25

Contrast Checker

Text on white

7.88:1

AA Pass AAA Pass

Text on black

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