#396895

#396895

Color Values

HEX

#396895

RGB

57, 104, 149

HSL

209.3, 44.7%, 40.4%

HSV

209.3, 61.7%, 58.4%

CMYK

61.7%, 30.2%, 0.0%, 41.6%

OKLCH

0.5046 0.0887 249.0

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#396895

#956639

Analogous

#399594

#393A95

#396895

Triadic

#396895

#953968

#689539

Split Complementary

#396895

#95393A

#959439

Tetradic

#396895

#943995

#956639

#3A9539

Color Blindness Simulation

Original

#396895

Protanopia

#4D4E8A

Deuteranopia

#4B4788

Tritanopia

#3B8280

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDCEB
300
#A6C2DD
400
#76A2CB
500
#4781B8
600
#386794
700
#2D5276
800
#23405C
900
#1D3144
950
#121F2B

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

3.59:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026