#396BA4 Color

Color Information

HEX#396BA4
RGB57, 107, 164
HSL212° , 48% , 43%
HSV212° , 65% , 64%
CMYK65%, 35%, 0%, 36%

Lighter Shades

#517DAF #698FBA #80A0C5 #98B2D0 #B0C4DB #C8D6E6

Darker Shades

#325E90 #2B517D #244469 #1E3855 #172B42 #101E2E

Complementary Palette

#315C8D #396BA4 #8B6131 #A27139 #AF8555 #5580B1

Analogous Palette

#487D7F #4F8A8C #36659A #396BA4 #514F8C #626090

Triadic Palette

#325E90 #396BA4 #AD2E69 #B7477B #69AD2E #5C9828

Split Complementary Palette

#336094 #396BA4 #A23D39 #AB504D #9FA239 #8F9233

Square Palette

#305A8A #396BA4 #974495 #977044 #39A23D #59B15C

Tetradic Palette

#2F5886 #396BA4 #7225B6 #A27139 #69B625 #84C34C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #396BA4 contains 57 red, 107 green, and 164 blue.

Contrast Ratio: 5.5:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 3.82:1