#313349 Color

Color Information

HEX	#313349
RGB	49, 51, 73
HSL	235° , 20% , 24%
HSV	235° , 33% , 29%
CMYK	33%, 30%, 0%, 71%

Lighter Shades

#4A4B5F #626475 #7B7C8B #9495A0 #ADADB6 #C5C6CC

Darker Shades

#2B2D40 #252737 #1F212F #191B26 #14141D #0E0E14

Complementary Palette

#2A2C3F #313349 #3F3D2A #494731 #62614E #4E5062

Analogous Palette

#303A41 #343F46 #2E3045 #313349 #3C3446 #4B4158

Triadic Palette

#2B2D40 #313349 #502B2E #654447 #2E502B #284626

Split Complementary Palette

#2C2E42 #313349 #493B31 #5B4F46 #3F4931 #39422C

Square Palette

#292B3D #313349 #46343F #464534 #31493B #52665A

Tetradic Palette

#282A3C #313349 #512654 #494731 #2A5426 #50734D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313349 contains 49 red, 51 green, and 73 blue.

Contrast Ratio: 12.97:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.62:1