#405F61

#405F61

Color Values

HEX

#405F61

RGB

64, 95, 97

HSL

183.6, 20.5%, 31.6%

HSV

183.6, 34.0%, 38.0%

CMYK

34.0%, 2.1%, 0.0%, 62.0%

OKLCH

0.4622 0.0364 201.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#405F61

#614240

Analogous

#406153

#404F61

#405F61

Triadic

#405F61

#61405F

#5F6140

Split Complementary

#405F61

#61404F

#615340

Tetradic

#405F61

#534061

#614240

#4F6140

Color Blindness Simulation

Original

#405F61

Protanopia

#4D4E61

Deuteranopia

#4C4960

Tritanopia

#426060

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E2E3
300
#B5CDCE
400
#8DB2B4
500
#65979A
600
#51787B
700
#416062
800
#334B4D
900
#283839
950
#192424

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

3.03:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026