#386CB4 Color

Color Information

HEX#386CB4
RGB56, 108, 180
HSL215° , 53% , 46%
HSV215° , 69% , 71%
CMYK69%, 40%, 0%, 29%

Lighter Shades

#507EBD #688FC6 #80A1CF #98B3D8 #AFC4E1 #C7D6EA

Darker Shades

#315F9E #2B5289 #244573 #1D385E #162B48 #101E32

Complementary Palette

#305D9B #386CB4 #9A6E2F #B38037 #BE9253 #5481BF

Analogous Palette

#48898E #4F969C #3566A9 #386CB4 #554F9C #65609F

Triadic Palette

#315F9E #386CB4 #BF2B69 #C7447B #69BF2B #5CA826

Split Complementary Palette

#3261A2 #386CB4 #B34137 #BB544B #A9B337 #98A132

Square Palette

#2F5B97 #386CB4 #A8439F #A87E43 #37B341 #57BF5F

Tetradic Palette

#2E5994 #386CB4 #8322C9 #B38037 #67C922 #82D34A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #386CB4 contains 56 red, 108 green, and 180 blue.

Contrast Ratio: 5.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.98:1