#31508A Color

Color Information

HEX#31508A
RGB49, 80, 138
HSL219° , 48% , 37%
HSV219° , 64% , 54%
CMYK64%, 42%, 0%, 46%

Lighter Shades

#4A6598 #627AA6 #7B8FB4 #94A4C2 #ADB9D0 #C5CEDE

Darker Shades

#2B4679 #253D69 #1F3358 #192A48 #142037 #0E1627

Complementary Palette

#2A4577 #31508A #785D2A #8C6C31 #9C814E #4E699A

Analogous Palette

#3E686F #447179 #2E4B82 #31508A #4C4479 #5D577F

Triadic Palette

#2B4679 #31508A #95284E #A24263 #4E9528 #458323

Split Complementary Palette

#2C487C #31508A #8C3F31 #985246 #7E8C31 #717E2C

Square Palette

#294374 #31508A #823A77 #82693A #318C3F #529E5E

Tetradic Palette

#284271 #31508A #71209D #8C6C31 #4C9D20 #6CAF48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31508A contains 49 red, 80 green, and 138 blue.

Contrast Ratio: 8.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.6:1