#31344A Color

Color Information

HEX	#31344A
RGB	49, 52, 74
HSL	233° , 20% , 24%
HSV	233° , 34% , 29%
CMYK	34%, 30%, 0%, 71%

Lighter Shades

#4A4C60 #626575 #7B7D8B #9495A1 #ADAEB7 #C5C6CC

Darker Shades

#2B2E41 #252838 #1F212F #191B26 #14151E #0E0F15

Complementary Palette

#2A2D40 #31344A #3F3D2A #494731 #62614E #4E5063

Analogous Palette

#303A41 #343F46 #2E3146 #31344A #3B3446 #4A4158

Triadic Palette

#2B2E41 #31344A #502B2F #654448 #2F502B #294626

Split Complementary Palette

#2C2F43 #31344A #493A31 #5B4E46 #404931 #3A422C

Square Palette

#292C3E #31344A #46343F #464534 #31493A #52665A

Tetradic Palette

#282B3D #31344A #512654 #494731 #2B5426 #51734D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31344A contains 49 red, 52 green, and 74 blue.

Contrast Ratio: 12.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.64:1