#396EBA

#396EBA

Color Values

HEX

#396EBA

RGB

57, 110, 186

HSL

215.3, 53.1%, 47.6%

HSV

215.3, 69.4%, 72.9%

CMYK

69.4%, 40.9%, 0.0%, 27.1%

OKLCH

0.5401 0.1322 257.7

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#396EBA

#BA8539

Analogous

#39AEBA

#4439BA

#396EBA

Triadic

#396EBA

#BA396E

#6EBA39

Split Complementary

#396EBA

#BA4439

#AEBA39

Tetradic

#396EBA

#BA39AE

#BA8539

#39BA44

Color Blindness Simulation

Original

#396EBA

Protanopia

#5050A8

Deuteranopia

#4D49A3

Tritanopia

#3C9996

Achromatopsia

#686868

CSS Usage

background-color: #396EBA;
color: #396EBA;
border-color: #396EBA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C8D8EE
300
#A1BCE2
400
#6F98D3
500
#3C74C3
600
#305C9C
700
#264A7D
800
#1E3A62
900
#192C48
950
#101C2D

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

4.11:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026