#313E4E Color

Color Information

HEX#313E4E
RGB49, 62, 78
HSL213° , 23% , 25%
HSV213° , 37% , 31%
CMYK37%, 21%, 0%, 69%

Lighter Shades

#4A5563 #626C78 #7B838E #949BA3 #ADB2B8 #C5C9CD

Darker Shades

#2B3745 #252F3B #1F2832 #192029 #14191F #0E1116

Complementary Palette

#2A3543 #313E4E #43382A #4E4131 #675C4E #4E5967

Analogous Palette

#324343 #364949 #2E3A49 #313E4E #373649 #45435B

Triadic Palette

#2B3745 #313E4E #552B3E #694455 #3E552B #374B26

Split Complementary Palette

#2C3846 #313E4E #4E3331 #604746 #4D4E31 #45462C

Square Palette

#293442 #313E4E #493649 #494136 #314E33 #526A54

Tetradic Palette

#283340 #313E4E #42265A #4E4131 #3D5A26 #60784D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313E4E contains 49 red, 62 green, and 78 blue.

Contrast Ratio: 11.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.86:1