#31589F Color

Color Information

HEX	#31589F
RGB	49, 88, 159
HSL	219° , 53% , 41%
HSV	219° , 69% , 62%
CMYK	69%, 45%, 0%, 38%

Lighter Shades

#4A6CAB #6280B6 #7B94C2 #94A8CD #ADBCD9 #C5D0E4

Darker Shades

#2B4D8C #254379 #1F3866 #192E53 #142340 #0E192D

Complementary Palette

#2A4C89 #31589F #8A682A #A07931 #AD8C4E #4E6FAC

Analogous Palette

#417781 #46818B #2E5395 #31589F #50468B #625991

Triadic Palette

#2B4D8C #31589F #AA2755 #B44169 #55AA27 #4B9622

Split Complementary Palette

#2C4F8F #31589F #A04231 #AA5546 #8FA031 #81902C

Square Palette

#294A86 #31589F #963C88 #96763C #31A042 #52AF60

Tetradic Palette

#284882 #31589F #7F1EB3 #A07931 #52B31E #71C147

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31589F contains 49 red, 88 green, and 159 blue.

Contrast Ratio: 7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3:1