#315188 Color

Color Information

HEX	#315188
RGB	49, 81, 136
HSL	218° , 47% , 36%
HSV	218° , 64% , 53%
CMYK	64%, 40%, 0%, 47%

Lighter Shades

#4A6696 #627BA5 #7B90B3 #94A5C1 #ADB9CF #C5CEDE

Darker Shades

#2B4778 #253E67 #1F3457 #192A47 #142036 #0E1726

Complementary Palette

#2A4675 #315188 #74592A #876731 #987C4E #4E6999

Analogous Palette

#3D656B #436E75 #2E4C80 #315188 #4A4375 #5B567B

Triadic Palette

#2B4778 #315188 #90274E #9D4163 #4E9027 #457F22

Split Complementary Palette

#2C497A #315188 #873C31 #935046 #7B8731 #6F7A2C

Square Palette

#294472 #315188 #7E3A75 #7E653A #31873C #529A5B

Tetradic Palette

#284270 #315188 #6C2097 #876731 #4C9720 #6CAA48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315188 contains 49 red, 81 green, and 136 blue.

Contrast Ratio: 8.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.62:1