#406366

#406366

Color Values

HEX

#406366

RGB

64, 99, 102

HSL

184.7, 22.9%, 32.5%

HSV

184.7, 37.3%, 40.0%

CMYK

37.3%, 2.9%, 0.0%, 60.0%

OKLCH

0.4743 0.0405 202.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#406366

#664340

Analogous

#406656

#405066

#406366

Triadic

#406366

#664063

#636640

Split Complementary

#406366

#664050

#665640

Tetradic

#406366

#564066

#664340

#506640

Color Blindness Simulation

Original

#406366

Protanopia

#4F4F65

Deuteranopia

#4D4A65

Tritanopia

#426565

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F1
200
#D3E2E3
300
#B4CED0
400
#8BB3B6
500
#62989D
600
#4F7A7D
700
#3F6164
800
#314C4E
900
#26393A
950
#182425

Contrast Checker

Text on white

6.57:1

AA Pass AAA Fail

Text on black

3.19:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026