#313D4B Color

Color Information

HEX#313D4B
RGB49, 61, 75
HSL212° , 21% , 24%
HSV212° , 35% , 29%
CMYK35%, 19%, 0%, 71%

Lighter Shades

#4A5461 #626C76 #7B838C #949AA1 #ADB1B7 #C5C9CD

Darker Shades

#2B3642 #252E39 #1F2730 #192027 #14181E #0E1115

Complementary Palette

#2A3441 #313D4B #403529 #4A3E30 #63594D #4E5864

Analogous Palette

#304041 #344646 #2E3947 #313D4B #353446 #414158

Triadic Palette

#2B3642 #313D4B #502A3C #654453 #3C502A #354625

Split Complementary Palette

#2C3744 #313D4B #4A3130 #5C4645 #494A30 #42432B

Square Palette

#29333F #313D4B #463446 #463E34 #304A31 #516752

Tetradic Palette

#28323E #313D4B #3F2555 #4A3E30 #3C5525 #5F744C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313D4B contains 49 red, 61 green, and 75 blue.

Contrast Ratio: 11.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.83:1