#3865C2 Color

Color Information

HEX#3865C2
RGB56, 101, 194
HSL220° , 55% , 49%
HSV220° , 71% , 76%
CMYK71%, 48%, 0%, 24%

Lighter Shades

#5077C9 #688AD1 #809CD8 #98AFDF #AFC1E7 #C7D4EE

Darker Shades

#3159AB #2B4D93 #24417C #1D3565 #16284E #101C36

Complementary Palette

#3057A7 #3865C2 #A77F30 #C29438 #CBA354 #547BCB

Analogous Palette

#4B8E9B #519AA9 #355FB6 #3865C2 #6051A9 #6D60AF

Triadic Palette

#3159AB #3865C2 #CE2C62 #D44575 #62CE2C #56B527

Split Complementary Palette

#325BAF #3865C2 #C24F38 #C8614C #ABC238 #9AAF32

Square Palette

#2F55A3 #3865C2 #B545A2 #B59045 #38C24F #58CC6B

Tetradic Palette

#2E539F #3865C2 #9B22D8 #C29438 #5FD822 #7CDF4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3865C2 contains 56 red, 101 green, and 194 blue.

Contrast Ratio: 5.52:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.81:1