#31515E Color

Color Information

HEX	#31515E
RGB	49, 81, 94
HSL	197° , 31% , 28%
HSV	197° , 48% , 37%
CMYK	48%, 14%, 0%, 63%

Lighter Shades

#4A6671 #627B85 #7B9098 #94A5AB #ADB9BF #C5CED2

Darker Shades

#2B4753 #253E47 #1F343C #192A31 #142026 #0E171A

Complementary Palette

#2A4651 #31515E #51352A #5E3E31 #75594E #4E6975

Analogous Palette

#384C48 #3D524D #2E4C58 #31515E #3D4152 #4A5064

Triadic Palette

#2B4753 #31515E #652A54 #774469 #54652A #4A5925

Split Complementary Palette

#2C4955 #31515E #5E313B #6E464F #5E5431 #554C2C

Square Palette

#29444F #31515E #503856 #564138 #3B5E31 #5A7852

Tetradic Palette

#28424D #31515E #38246A #5E3E31 #576A24 #75854B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31515E contains 49 red, 81 green, and 94 blue.

Contrast Ratio: 8.67:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.42:1