#40605F

#40605F

Color Values

HEX

#40605F

RGB

64, 96, 95

HSL

178.1, 20.0%, 31.4%

HSV

178.1, 33.3%, 37.6%

CMYK

33.3%, 0.0%, 1.0%, 62.4%

OKLCH

0.464 0.0374 193.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#40605F

#604041

Analogous

#40604F

#405160

#40605F

Triadic

#40605F

#5F4060

#605F40

Split Complementary

#40605F

#604051

#604F40

Tetradic

#40605F

#4F4060

#604041

#516040

Color Blindness Simulation

Original

#40605F

Protanopia

#4E4E5F

Deuteranopia

#4C4A5F

Tritanopia

#425F5F

Achromatopsia

#595959

CSS Usage

background-color: #40605F;
color: #40605F;
border-color: #40605F;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E2E2
300
#B6CECD
400
#8EB4B2
500
#669997
600
#527A79
700
#416261
800
#334D4C
900
#283939
950
#192424

Contrast Checker

Text on white

6.87:1

AA Pass AAA Fail

Text on black

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