#40585E

#40585E

Color Values

HEX

#40585E

RGB

64, 88, 94

HSL

192.0, 19.0%, 31.0%

HSV

192.0, 31.9%, 36.9%

CMYK

31.9%, 6.4%, 0.0%, 63.1%

OKLCH

0.4432 0.0306 214.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#40585E

#5E4640

Analogous

#405E55

#40495E

#40585E

Triadic

#40585E

#5E4058

#585E40

Split Complementary

#40585E

#5E4049

#5E5540

Tetradic

#40585E

#55405E

#5E4640

#495E40

Color Blindness Simulation

Original

#40585E

Protanopia

#4A4B5D

Deuteranopia

#49475C

Tritanopia

#415B5B

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D5DFE2
300
#B6C9CD
400
#8FABB3
500
#678E98
600
#537279
700
#425B61
800
#34474C
900
#283539
950
#192224

Contrast Checker

Text on white

7.57:1

AA Pass AAA Pass

Text on black

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