#386AA8 Color

Color Information

HEX#386AA8
RGB56, 106, 168
HSL213° , 50% , 44%
HSV213° , 67% , 66%
CMYK67%, 37%, 0%, 34%

Lighter Shades

#507CB2 #688EBD #80A0C7 #98B2D2 #AFC3DC #C7D5E7

Darker Shades

#315D94 #2B5180 #24446C #1D3757 #162A43 #101E2F

Complementary Palette

#305B90 #386AA8 #906530 #A87638 #B48954 #547FB4

Analogous Palette

#498588 #4F8E92 #35649E #386AA8 #524F92 #625F95

Triadic Palette

#315D94 #386AA8 #B42D69 #BD467B #69B42D #5C9E28

Split Complementary Palette

#325F97 #386AA8 #A83E38 #B1514C #A3A838 #939732

Square Palette

#2F598D #386AA8 #9D4399 #9D7543 #38A83E #58B65D

Tetradic Palette

#2E578A #386AA8 #7824BC #A87638 #69BC24 #84C84B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #386AA8 contains 56 red, 106 green, and 168 blue.

Contrast Ratio: 5.52:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.8:1