#404652

#404652

Color Values

HEX

#404652

RGB

64, 70, 82

HSL

220.0, 12.3%, 28.6%

HSV

220.0, 22.0%, 32.2%

CMYK

22.0%, 14.6%, 0.0%, 67.8%

OKLCH

0.3934 0.0218 264.3

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#404652

#524C40

Analogous

#404F52

#434052

#404652

Triadic

#404652

#524046

#465240

Split Complementary

#404652

#524340

#4F5240

Tetradic

#404652

#52404F

#524C40

#405243

Color Blindness Simulation

Original

#404652

Protanopia

#43434F

Deuteranopia

#42424E

Tritanopia

#404D4C

Achromatopsia

#464646

CSS Usage

background-color: #404652;
color: #404652;
border-color: #404652;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DAE0
300
#BABFC9
400
#959DAC
500
#707A8F
600
#596273
700
#484E5C
800
#383D48
900
#2B2F36
950
#1B1D22

Contrast Checker

Text on white

9.48:1

AA Pass AAA Pass

Text on black

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