#396384

#396384

Color Values

HEX

#396384

RGB

57, 99, 132

HSL

206.4, 39.7%, 37.1%

HSV

206.4, 56.8%, 51.8%

CMYK

56.8%, 25.0%, 0.0%, 48.2%

OKLCH

0.4836 0.0712 243.7

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#396384

#845A39

Analogous

#398480

#393E84

#396384

Triadic

#396384

#843963

#638439

Split Complementary

#396384

#84393E

#848039

Tetradic

#396384

#803984

#845A39

#3E8439

Color Blindness Simulation

Original

#396384

Protanopia

#4B4C7C

Deuteranopia

#49467A

Tritanopia

#3B7674

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDDE9
300
#AAC5DA
400
#7BA5C6
500
#4D86B2
600
#3E6B8E
700
#315572
800
#264359
900
#1F3342
950
#14202A

Contrast Checker

Text on white

6.38:1

AA Pass AAA Fail

Text on black

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