#406E98

#406E98

Color Values

HEX

#406E98

RGB

64, 110, 152

HSL

208.6, 40.7%, 42.4%

HSV

208.6, 57.9%, 59.6%

CMYK

57.9%, 27.6%, 0.0%, 40.4%

OKLCH

0.5239 0.0838 247.6

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#406E98

#986A40

Analogous

#409896

#404298

#406E98

Triadic

#406E98

#98406E

#6E9840

Split Complementary

#406E98

#984042

#989640

Tetradic

#406E98

#964098

#986A40

#429840

Color Blindness Simulation

Original

#406E98

Protanopia

#54548E

Deuteranopia

#514E8B

Tritanopia

#428684

Achromatopsia

#676767

CSS Usage

background-color: #406E98;
color: #406E98;
border-color: #406E98;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDCEA
300
#A9C3DB
400
#7AA2C7
500
#4C82B3
600
#3C6890
700
#305373
800
#26415A
900
#1F3142
950
#131F2A

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

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