#313A49 Color

Color Information

HEX#313A49
RGB49, 58, 73
HSL218° , 20% , 24%
HSV218° , 33% , 29%
CMYK33%, 21%, 0%, 71%

Lighter Shades

#4A525F #626975 #7B818B #9499A0 #ADB0B6 #C5C8CC

Darker Shades

#2B3340 #252C37 #1F252F #191E26 #14171D #0E1014

Complementary Palette

#2A323F #313A49 #3F372A #494031 #625B4E #4E5662

Analogous Palette

#303E41 #344446 #2E3745 #313A49 #363446 #444158

Triadic Palette

#2B3340 #313A49 #502B38 #654450 #38502B #314626

Split Complementary Palette

#2C3442 #313A49 #493431 #5B4846 #464931 #3F422C

Square Palette

#29313D #313A49 #463444 #464034 #314934 #526654

Tetradic Palette

#28303C #313A49 #432654 #494031 #375426 #5B734D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313A49 contains 49 red, 58 green, and 73 blue.

Contrast Ratio: 11.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.76:1