#406885

#406885

Color Values

HEX

#406885

RGB

64, 104, 133

HSL

205.2, 35.0%, 38.6%

HSV

205.2, 51.9%, 52.2%

CMYK

51.9%, 21.8%, 0.0%, 47.8%

OKLCH

0.5 0.0648 241.2

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#406885

#855D40

Analogous

#40857F

#404585

#406885

Triadic

#406885

#854068

#688540

Split Complementary

#406885

#854045

#857F40

Tetradic

#406885

#7F4085

#855D40

#458540

Color Blindness Simulation

Original

#406885

Protanopia

#51527E

Deuteranopia

#4F4C7C

Tritanopia

#427877

Achromatopsia

#626262

CSS Usage

background-color: #406885;
color: #406885;
border-color: #406885;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDDE8
300
#ACC5D7
400
#80A6C2
500
#5387AC
600
#426C8A
700
#35566E
800
#294356
900
#213340
950
#152028

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

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