#3868AC Color

Color Information

HEX#3868AC
RGB56, 104, 172
HSL215° , 51% , 45%
HSV215° , 67% , 67%
CMYK67%, 40%, 0%, 33%

Lighter Shades

#507AB6 #688CC0 #809ECA #98B0D4 #AFC3DE #C7D5E8

Darker Shades

#315C97 #2B4F83 #24436E #1D3659 #162A45 #101D30

Complementary Palette

#305994 #3868AC #956C30 #AD7D38 #B88F54 #547DB8

Analogous Palette

#488589 #4F9096 #3562A2 #3868AC #554F96 #65609A

Triadic Palette

#315C97 #3868AC #B92D67 #C14679 #67B92D #5BA328

Split Complementary Palette

#325E9B #3868AC #AD4238 #B5554C #A4AD38 #949C32

Square Palette

#2F5790 #3868AC #A2449A #A27B44 #38AD42 #58BA60

Tetradic Palette

#2E558D #3868AC #8024C2 #AD7D38 #66C224 #82CD4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3868AC contains 56 red, 104 green, and 172 blue.

Contrast Ratio: 5.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.75:1