#396CA0 Color

Color Information

HEX#396CA0
RGB57, 108, 160
HSL210° , 47% , 43%
HSV210° , 64% , 63%
CMYK64%, 33%, 0%, 37%

Lighter Shades

#517EAB #698FB7 #80A1C2 #98B3CE #B0C4D9 #C8D6E4

Darker Shades

#325F8D #2B527A #244566 #1E3853 #172B40 #101E2D

Complementary Palette

#315D8A #396CA0 #8A5F32 #A16E3A #AE8256 #5581AD

Analogous Palette

#497E7E #508B8B #366696 #396CA0 #50508B #636392

Triadic Palette

#325F8D #396CA0 #AC2F6E #B6487F #6EAC2F #619729

Split Complementary Palette

#336190 #396CA0 #A13A3A #AA4E4E #A1A13A #919134

Square Palette

#305B86 #396CA0 #964596 #966E45 #3AA13A #5AB05A

Tetradic Palette

#2F5983 #396CA0 #6E26B5 #A16E3A #6EB526 #88C24D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #396CA0 contains 57 red, 108 green, and 160 blue.

Contrast Ratio: 5.47:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.84:1