#313B50 Color

Color Information

HEX#313B50
RGB49, 59, 80
HSL221° , 24% , 25%
HSV221° , 39% , 31%
CMYK39%, 26%, 0%, 69%

Lighter Shades

#4A5365 #626A7A #7B828F #9499A4 #ADB1B9 #C5C8CE

Darker Shades

#2B3446 #252D3D #1F2633 #191F2A #141820 #0E1116

Complementary Palette

#2A3345 #313B50 #443B29 #4F4530 #685F4D #4E5669

Analogous Palette

#324043 #364549 #2E374B #313B50 #3A3649 #48435B

Triadic Palette

#2B3446 #313B50 #552A38 #694450 #38552A #314B25

Split Complementary Palette

#2C3548 #313B50 #4F3630 #614A45 #494F30 #42472B

Square Palette

#293243 #313B50 #493645 #494336 #304F36 #516B56

Tetradic Palette

#283042 #313B50 #4A255B #4F4530 #365B25 #5A794C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313B50 contains 49 red, 59 green, and 80 blue.

Contrast Ratio: 11.69:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.8:1