#386DB2 Color

Color Information

HEX#386DB2
RGB56, 109, 178
HSL214° , 52% , 46%
HSV214° , 69% , 70%
CMYK69%, 39%, 0%, 30%

Lighter Shades

#507FBB #6890C4 #80A2CE #98B3D7 #AFC5E0 #C7D6E9

Darker Shades

#31609D #2B5387 #244672 #1D395D #162C47 #101F32

Complementary Palette

#305E99 #386DB2 #996C30 #B27D38 #BD8F54 #5481BD

Analogous Palette

#49898D #50969B #3566A7 #386DB2 #55509B #65619E

Triadic Palette

#31609D #386DB2 #BE2D6C #C6467E #6CBE2D #5FA728

Split Complementary Palette

#3262A0 #386DB2 #B24038 #BA534C #AAB238 #99A032

Square Palette

#2F5C96 #386DB2 #A744A0 #A77C44 #38B240 #58BE5F

Tetradic Palette

#2E5992 #386DB2 #8023C7 #B27D38 #6AC723 #85D14B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #386DB2 contains 56 red, 109 green, and 178 blue.

Contrast Ratio: 5.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.01:1