#405B62

#405B62

Color Values

HEX

#405B62

RGB

64, 91, 98

HSL

192.4, 21.0%, 31.8%

HSV

192.4, 34.7%, 38.4%

CMYK

34.7%, 7.1%, 0.0%, 61.6%

OKLCH

0.4524 0.0341 215.6

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#405B62

#624740

Analogous

#406258

#404A62

#405B62

Triadic

#405B62

#62405B

#5B6240

Split Complementary

#405B62

#62404A

#625840

Tetradic

#405B62

#584062

#624740

#4A6240

Color Blindness Simulation

Original

#405B62

Protanopia

#4C4C60

Deuteranopia

#4A4860

Tritanopia

#415F5F

Achromatopsia

#565656

CSS Usage

background-color: #405B62;
color: #405B62;
border-color: #405B62;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4E0E3
300
#B5C9CF
400
#8DACB4
500
#658F9A
600
#51737B
700
#405C63
800
#32484D
900
#27363A
950
#192224

Contrast Checker

Text on white

7.26:1

AA Pass AAA Pass

Text on black

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