#31505B Color

Color Information

HEX#31505B
RGB49, 80, 91
HSL196° , 30% , 27%
HSV196° , 46% , 36%
CMYK46%, 12%, 0%, 64%

Lighter Shades

#4A656F #627A82 #7B8F96 #94A4AA #ADB9BD #C5CED1

Darker Shades

#2B4650 #253D45 #1F333A #192A2F #142024 #0E1619

Complementary Palette

#2A454E #31505B #4D3329 #5A3B30 #71564D #4E6972

Analogous Palette

#364945 #3B4F4A #2E4B56 #31505B #3B3F4F #484D61

Triadic Palette

#2B4650 #31505B #602951 #734366 #516029 #475424

Split Complementary Palette

#2C4852 #31505B #5A303A #6B454E #5A5030 #51482B

Square Palette

#29434C #31505B #4C3753 #533E37 #3A5A30 #5A7451

Tetradic Palette

#28424B #31505B #352466 #5A3B30 #536624 #72824B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31505B contains 49 red, 80 green, and 91 blue.

Contrast Ratio: 8.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.38:1