#313D58 Color

Color Information

HEX#313D58
RGB49, 61, 88
HSL222° , 28% , 27%
HSV222° , 44% , 35%
CMYK44%, 31%, 0%, 65%

Lighter Shades

#4A546C #626C80 #7B8394 #949AA8 #ADB1BC #C5C9D0

Darker Shades

#2B364D #252E43 #1F2738 #19202E #141823 #0E1119

Complementary Palette

#2A344C #313D58 #4C422B #584D32 #6F664F #4E586F

Analogous Palette

#364549 #3B4B4F #2E3953 #313D58 #3E3B4F #4D4861

Triadic Palette

#2B364D #313D58 #5F2B3A #724452 #3A5F2B #335426

Split Complementary Palette

#2C374F #313D58 #583932 #694D47 #505832 #484F2D

Square Palette

#29334A #313D58 #51384C #514A38 #325839 #537359

Tetradic Palette

#283248 #313D58 #532565 #584D32 #376525 #5B814C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313D58 contains 49 red, 61 green, and 88 blue.

Contrast Ratio: 11.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.87:1