#405863

#405863

Color Values

HEX

#405863

RGB

64, 88, 99

HSL

198.9, 21.5%, 32.0%

HSV

198.9, 35.4%, 38.8%

CMYK

35.4%, 11.1%, 0.0%, 61.2%

OKLCH

0.4452 0.0342 227.9

Properties

Cool Dark Nearest: RAL 7011 Iron Grey

Color Harmonies

Complementary

#405863

#634B40

Analogous

#40635D

#404763

#405863

Triadic

#405863

#634058

#586340

Split Complementary

#405863

#634047

#635D40

Tetradic

#405863

#5D4063

#634B40

#476340

Color Blindness Simulation

Original

#405863

Protanopia

#4A4B60

Deuteranopia

#494760

Tritanopia

#415E5E

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DEE3
300
#B5C7CF
400
#8CA8B5
500
#648A9B
600
#506E7C
700
#405863
800
#32454D
900
#27343A
950
#192125

Contrast Checker

Text on white

7.52:1

AA Pass AAA Pass

Text on black

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