#404364

#404364

Color Values

HEX

#404364

RGB

64, 67, 100

HSL

235.0, 22.0%, 32.2%

HSV

235.0, 36.0%, 39.2%

CMYK

36.0%, 33.0%, 0.0%, 60.8%

OKLCH

0.3949 0.0558 279.5

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#404364

#646140

Analogous

#405564

#4F4064

#404364

Triadic

#404364

#644043

#436440

Split Complementary

#404364

#644F40

#556440

Tetradic

#404364

#644055

#646140

#40644F

Color Blindness Simulation

Original

#404364

Protanopia

#41415C

Deuteranopia

#41415A

Tritanopia

#405654

Achromatopsia

#454545

CSS Usage

background-color: #404364;
color: #404364;
border-color: #404364;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D3D5E3
300
#B4B7CF
400
#8C8FB5
500
#63689C
600
#50537C
700
#404364
800
#32344E
900
#27283A
950
#191A25

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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