#315780 Color

Color Information

HEX	#315780
RGB	49, 87, 128
HSL	211° , 45% , 35%
HSV	211° , 62% , 50%
CMYK	62%, 32%, 0%, 50%

Lighter Shades

#4A6B8F #627F9E #7B93AE #94A8BD #ADBCCC #C5D0DB

Darker Shades

#2B4D71 #254261 #1F3852 #192D43 #142333 #0E1824

Complementary Palette

#2A4B6E #315780 #6F4E2A #815B31 #93724E #4E6F92

Analogous Palette

#3D6566 #436F70 #2E5278 #315780 #444370 #565676

Triadic Palette

#2B4D71 #315780 #8A2858 #98426C #588A28 #4D7923

Split Complementary Palette

#2C4E73 #315780 #813231 #8E4746 #808131 #73742C

Square Palette

#29496C #315780 #783A77 #785B3A #318132 #529553

Tetradic Palette

#284769 #315780 #5D2191 #815B31 #579121 #75A549

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315780 contains 49 red, 87 green, and 128 blue.

Contrast Ratio: 7.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.77:1