#386FC2 Color

Color Information

HEX#386FC2
RGB56, 111, 194
HSL216° , 55% , 49%
HSV216° , 71% , 76%
CMYK71%, 43%, 0%, 24%

Lighter Shades

#5080C9 #6892D1 #80A3D8 #98B4DF #AFC5E7 #C7D7EE

Darker Shades

#3162AB #2B5493 #24477C #1D3A65 #162C4E #101F36

Complementary Palette

#305FA7 #386FC2 #A77830 #C28B38 #CB9B54 #5483CB

Analogous Palette

#4B939B #51A0A9 #3568B6 #386FC2 #5A51A9 #6860AF

Triadic Palette

#3162AB #386FC2 #CE2C6D #D4457F #6DCE2C #60B527

Split Complementary Palette

#3264AF #386FC2 #C24638 #C8594C #B4C238 #A2AF32

Square Palette

#2F5DA3 #386FC2 #B545AA #B58845 #38C246 #58CC64

Tetradic Palette

#2E5B9F #386FC2 #8F22D8 #C28B38 #6BD822 #86DF4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #386FC2 contains 56 red, 111 green, and 194 blue.

Contrast Ratio: 4.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.24:1