#386ACF Color

Color Information

HEX#386ACF
RGB56, 106, 207
HSL220° , 61% , 52%
HSV220° , 73% , 81%
CMYK73%, 49%, 0%, 19%

Lighter Shades

#507CD5 #688EDB #80A0E0 #98B2E6 #AFC3EC #C7D5F2

Darker Shades

#315DB6 #2B519D #244484 #1D376C #162A53 #101E3A

Complementary Palette

#305BB2 #386ACF #B28732 #CF9D3A #D6AB56 #547FD6

Analogous Palette

#4E98A6 #52A6B7 #3564C3 #386ACF #6352B7 #7061BD

Triadic Palette

#315DB6 #386ACF #DC2E68 #E0477A #68DC2E #5CC228

Split Complementary Palette

#325FBA #386ACF #CF533A #D4644E #B6CF3A #A4BA34

Square Palette

#2F59AE #386ACF #C346AE #C39946 #3ACF53 #5AD76F

Tetradic Palette

#2E57AA #386ACF #A524E5 #CF9D3A #64E524 #80EA4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #386ACF contains 56 red, 106 green, and 207 blue.

Contrast Ratio: 5.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.14:1