#406566

#406566

Color Values

HEX

#406566

RGB

64, 101, 102

HSL

181.6, 22.9%, 32.5%

HSV

181.6, 37.3%, 40.0%

CMYK

37.3%, 1.0%, 0.0%, 60.0%

OKLCH

0.4794 0.0422 198.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#406566

#664140

Analogous

#406654

#405266

#406566

Triadic

#406566

#664065

#656640

Split Complementary

#406566

#664052

#665440

Tetradic

#406566

#544066

#664140

#526640

Color Blindness Simulation

Original

#406566

Protanopia

#505066

Deuteranopia

#4E4B66

Tritanopia

#426666

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F1
200
#D3E3E3
300
#B4CFD0
400
#8BB5B6
500
#629B9D
600
#4F7C7D
700
#3F6364
800
#314E4E
900
#263A3A
950
#182525

Contrast Checker

Text on white

6.42:1

AA Pass AAA Fail

Text on black

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