#404C58

#404C58

Color Values

HEX

#404C58

RGB

64, 76, 88

HSL

210.0, 15.8%, 29.8%

HSV

210.0, 27.3%, 34.5%

CMYK

27.3%, 13.6%, 0.0%, 65.5%

OKLCH

0.4107 0.0254 248.4

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#404C58

#584C40

Analogous

#405858

#404058

#404C58

Triadic

#404C58

#58404C

#4C5840

Split Complementary

#404C58

#584040

#585840

Tetradic

#404C58

#584058

#584C40

#405840

Color Blindness Simulation

Original

#404C58

Protanopia

#454555

Deuteranopia

#444454

Tritanopia

#415352

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D6DBE1
300
#B8C2CB
400
#92A1B0
500
#6B8094
600
#566676
700
#45525E
800
#36404A
900
#2A3037
950
#1A1F23

Contrast Checker

Text on white

8.78:1

AA Pass AAA Pass

Text on black

2.39:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026