#386AB4 Color

Color Information

HEX#386AB4
RGB56, 106, 180
HSL216° , 53% , 46%
HSV216° , 69% , 71%
CMYK69%, 41%, 0%, 29%

Lighter Shades

#507CBD #688EC6 #80A0CF #98B2D8 #AFC3E1 #C7D5EA

Darker Shades

#315D9E #2B5189 #244473 #1D375E #162A48 #101E32

Complementary Palette

#305B9B #386AB4 #9A702F #B38237 #BE9453 #547FBF

Analogous Palette

#48878E #4F949C #3564A9 #386AB4 #564F9C #66609F

Triadic Palette

#315D9E #386AB4 #BF2B67 #C74479 #67BF2B #5BA826

Split Complementary Palette

#325FA2 #386AB4 #B34437 #BB574B #A7B337 #96A132

Square Palette

#2F5997 #386AB4 #A8439E #A87F43 #37B344 #57BF62

Tetradic Palette

#2E5794 #386AB4 #8622C9 #B38237 #65C922 #81D34A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #386AB4 contains 56 red, 106 green, and 180 blue.

Contrast Ratio: 5.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.9:1