#404568

#404568

Color Values

HEX

#404568

RGB

64, 69, 104

HSL

232.5, 23.8%, 32.9%

HSV

232.5, 38.5%, 40.8%

CMYK

38.5%, 33.7%, 0.0%, 59.2%

OKLCH

0.4016 0.0593 277.1

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#404568

#686340

Analogous

#405968

#4F4068

#404568

Triadic

#404568

#684045

#456840

Split Complementary

#404568

#684F40

#596840

Tetradic

#404568

#684059

#686340

#40684F

Color Blindness Simulation

Original

#404568

Protanopia

#424260

Deuteranopia

#42425E

Tritanopia

#405957

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAEAF1
200
#D3D5E4
300
#B3B7D0
400
#8A90B7
500
#61699E
600
#4E547E
700
#3E4365
800
#31344F
900
#26293B
950
#181A25

Contrast Checker

Text on white

9.25:1

AA Pass AAA Pass

Text on black

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