#406161

#406161

Color Values

HEX

#406161

RGB

64, 97, 97

HSL

180.0, 20.5%, 31.6%

HSV

180.0, 34.0%, 38.0%

CMYK

34.0%, 0.0%, 0.0%, 62.0%

OKLCH

0.4673 0.0383 195.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#406161

#614040

Analogous

#406151

#405161

#406161

Triadic

#406161

#614061

#616140

Split Complementary

#406161

#614051

#615140

Tetradic

#406161

#514061

#614040

#516140

Color Blindness Simulation

Original

#406161

Protanopia

#4E4F61

Deuteranopia

#4C4A61

Tritanopia

#426161

Achromatopsia

#5A5A5A

CSS Usage

background-color: #406161;
color: #406161;
border-color: #406161;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E3E3
300
#B5CECE
400
#8DB4B4
500
#659A9A
600
#517B7B
700
#416262
800
#334D4D
900
#283939
950
#192424

Contrast Checker

Text on white

6.77:1

AA Pass AAA Fail

Text on black

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