#3156A5 Color

Color Information

HEX#3156A5
RGB49, 86, 165
HSL221° , 54% , 42%
HSV221° , 70% , 65%
CMYK70%, 48%, 0%, 35%

Lighter Shades

#4A6AB0 #627FBB #7B93C5 #94A7D0 #ADBBDB #C5D0E6

Darker Shades

#2B4C91 #25417D #1F376A #192D56 #142242 #0E182E

Complementary Palette

#2A4A8E #3156A5 #8E6E2A #A58031 #B2924E #4E6EB2

Analogous Palette

#427985 #478290 #2E519B #3156A5 #544790 #635893

Triadic Palette

#2B4C91 #3156A5 #B02752 #B94167 #52B027 #489B22

Split Complementary Palette

#2C4D95 #3156A5 #A54631 #AE5946 #90A531 #82952C

Square Palette

#29488B #3156A5 #9A3C89 #9A7C3C #31A546 #52B364

Tetradic Palette

#284787 #3156A5 #871EB8 #A58031 #4FB81E #6FC547

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3156A5 contains 49 red, 86 green, and 165 blue.

Contrast Ratio: 7.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.98:1