#31475B Color

Color Information

HEX	#31475B
RGB	49, 71, 91
HSL	209° , 30% , 27%
HSV	209° , 46% , 36%
CMYK	46%, 22%, 0%, 64%

Lighter Shades

#4A5D6F #627382 #7B8996 #949FAA #ADB5BD #C5CBD1

Darker Shades

#2B3E50 #253645 #1F2D3A #19252F #141C24 #0E1419

Complementary Palette

#2A3D4E #31475B #4D3A29 #5A4430 #715E4D #4E6172

Analogous Palette

#364949 #3B4F4F #2E4356 #31475B #3B3B4F #484861

Triadic Palette

#2B3E50 #31475B #602946 #73435C #466029 #3E5424

Split Complementary Palette

#2C4052 #31475B #5A3031 #6B4546 #5A5930 #51502B

Square Palette

#293C4C #31475B #523753 #534437 #315A30 #527451

Tetradic Palette

#283A4B #31475B #442466 #5A4430 #466624 #67824B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31475B contains 49 red, 71 green, and 91 blue.

Contrast Ratio: 9.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.12:1