#3864BE Color

Color Information

HEX#3864BE
RGB56, 100, 190
HSL220° , 54% , 48%
HSV220° , 71% , 75%
CMYK71%, 47%, 0%, 25%

Lighter Shades

#5077C6 #6889CE #809CD5 #98AEDD #AFC1E5 #C7D4ED

Darker Shades

#3158A7 #2B4C90 #24407A #1D3463 #16284C #101C35

Complementary Palette

#3056A3 #3864BE #A27C30 #BC9038 #C5A054 #547AC7

Analogous Palette

#4A8A96 #5196A4 #355EB3 #3864BE #5F51A4 #6D61A8

Triadic Palette

#3158A7 #3864BE #C92C60 #CF4573 #60C92C #54B127

Split Complementary Palette

#325AAB #3864BE #BC4E38 #C3604C #A6BC38 #95A932

Square Palette

#2F54A0 #3864BE #B0459E #B08C45 #38BC4E #58C76A

Tetradic Palette

#2E529C #3864BE #9822D3 #BC9038 #5DD322 #7ADB4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3864BE contains 56 red, 100 green, and 190 blue.

Contrast Ratio: 5.63:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.73:1