#396EA7 Color

Color Information

HEX#396EA7
RGB57, 110, 167
HSL211° , 49% , 44%
HSV211° , 66% , 65%
CMYK66%, 34%, 0%, 35%

Lighter Shades

#517FB2 #6991BC #80A2C7 #98B4D1 #B0C5DC #C8D6E6

Darker Shades

#326193 #2B547F #24466B #1E3957 #172C43 #101F2F

Complementary Palette

#315F90 #396EA7 #906231 #A77239 #B38655 #5582B3

Analogous Palette

#478485 #509091 #36679D #396EA7 #515091 #626194

Triadic Palette

#326193 #396EA7 #B22E6E #BB477F #6EB22E #619D28

Split Complementary Palette

#336396 #396EA7 #A73B39 #B04F4D #A5A739 #959633

Square Palette

#305C8C #396EA7 #9C449A #9C7244 #39A73B #59B55A

Tetradic Palette

#2F5A89 #396EA7 #7325BB #A77239 #6EBB25 #88C74C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #396EA7 contains 57 red, 110 green, and 167 blue.

Contrast Ratio: 5.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.98:1