#315691 Color

Color Information

HEX#315691
RGB49, 86, 145
HSL217° , 49% , 38%
HSV217° , 66% , 57%
CMYK66%, 41%, 0%, 43%

Lighter Shades

#4A6A9E #627FAB #7B93B9 #94A7C6 #ADBBD3 #C5D0E0

Darker Shades

#2B4C80 #25416E #1F375D #192D4B #14223A #0E1829

Complementary Palette

#2A4A7D #315691 #7C5D2A #906C31 #A0814E #4E6EA0

Analogous Palette

#3F6D73 #45767D #2E5188 #315691 #4B457D #5E5884

Triadic Palette

#2B4C80 #315691 #9A2854 #A64269 #549A28 #4A8823

Split Complementary Palette

#2C4D83 #315691 #903C31 #9B5046 #859031 #78822C

Square Palette

#29487A #315691 #873B7E #876A3B #31903C #52A25B

Tetradic Palette

#284777 #315691 #7020A2 #906C31 #52A220 #71B348

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315691 contains 49 red, 86 green, and 145 blue.

Contrast Ratio: 7.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.84:1