#313E5C Color

Color Information

HEX	#313E5C
RGB	49, 62, 92
HSL	222° , 30% , 28%
HSV	222° , 47% , 36%
CMYK	47%, 33%, 0%, 64%

Lighter Shades

#4A5570 #626C83 #7B8397 #949BAA #ADB2BE #C5C9D1

Darker Shades

#2B3751 #252F46 #1F283B #192030 #141925 #0E111A

Complementary Palette

#2A354F #313E5C #50452B #5D5032 #74694F #4E5973

Analogous Palette

#38484C #3D4D52 #2E3A56 #313E5C #413D52 #504A64

Triadic Palette

#2B3751 #313E5C #642B3C #774453 #3C642B #355826

Split Complementary Palette

#2C3853 #313E5C #5D3B32 #6D4F47 #545D32 #4C542D

Square Palette

#29344D #313E5C #56394F #564D39 #325D3B #53775A

Tetradic Palette

#28334B #313E5C #55256A #5D5032 #3A6A25 #5D854C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313E5C contains 49 red, 62 green, and 92 blue.

Contrast Ratio: 11.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.9:1