#313E50 Color

Color Information

HEX#313E50
RGB49, 62, 80
HSL215° , 24% , 25%
HSV215° , 39% , 31%
CMYK39%, 23%, 0%, 69%

Lighter Shades

#4A5565 #626C7A #7B838F #949BA4 #ADB2B9 #C5C9CE

Darker Shades

#2B3746 #252F3D #1F2833 #19202A #141920 #0E1116

Complementary Palette

#2A3545 #313E50 #443929 #4F4230 #685C4D #4E5969

Analogous Palette

#324243 #364849 #2E3A4B #313E50 #383649 #45435B

Triadic Palette

#2B3746 #313E50 #552A3C #694453 #3C552A #354B25

Split Complementary Palette

#2C3848 #313E50 #4F3330 #614745 #4D4F30 #45472B

Square Palette

#293443 #313E50 #493648 #494136 #304F33 #516B54

Tetradic Palette

#283342 #313E50 #44255B #4F4230 #3B5B25 #5E794C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313E50 contains 49 red, 62 green, and 80 blue.

Contrast Ratio: 11.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.86:1