#386B9C Color

Color Information

HEX#386B9C
RGB56, 107, 156
HSL209° , 47% , 42%
HSV209° , 64% , 61%
CMYK64%, 31%, 0%, 39%

Lighter Shades

#507DA8 #688FB4 #80A0C0 #98B2CC #AFC4D7 #C7D6E3

Darker Shades

#315E89 #2B5177 #244464 #1D3851 #162B3E #101E2C

Complementary Palette

#305C86 #386B9C #875A31 #9D6939 #AB7E55 #5480AA

Analogous Palette

#477B7B #4E8887 #356593 #386B9C #4E4F88 #61628F

Triadic Palette

#315E89 #386B9C #A82E6D #B2477F #6DA82E #609428

Split Complementary Palette

#32608C #386B9C #9D393A #A74D4E #9D9C39 #8D8C33

Square Palette

#2F5A83 #386B9C #914393 #936A43 #3A9D39 #5AAD59

Tetradic Palette

#2E5880 #386B9C #6925B1 #9D6939 #6DB125 #87BF4C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #386B9C contains 56 red, 107 green, and 156 blue.

Contrast Ratio: 5.59:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.76:1