#405664

#405664

Color Values

HEX

#405664

RGB

64, 86, 100

HSL

203.3, 22.0%, 32.2%

HSV

203.3, 36.0%, 39.2%

CMYK

36.0%, 14.0%, 0.0%, 60.8%

OKLCH

0.4407 0.0355 236.6

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#405664

#644E40

Analogous

#406460

#404464

#405664

Triadic

#405664

#644056

#566440

Split Complementary

#405664

#644044

#646040

Tetradic

#405664

#604064

#644E40

#446440

Color Blindness Simulation

Original

#405664

Protanopia

#4A4A61

Deuteranopia

#484760

Tritanopia

#415E5D

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D3DDE3
300
#B4C5CF
400
#8CA5B5
500
#63869C
600
#506B7C
700
#405664
800
#32434E
900
#27333A
950
#192025

Contrast Checker

Text on white

7.68:1

AA Pass AAA Pass

Text on black

2.73:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026