#313C8C Color

Color Information

HEX	#313C8C
RGB	49, 60, 140
HSL	233° , 48% , 37%
HSV	233° , 65% , 55%
CMYK	65%, 57%, 0%, 45%

Lighter Shades

#4A539A #626BA8 #7B82B5 #949AC3 #ADB1D1 #C5C8DF

Darker Shades

#2B357B #252E6A #1F265A #191F49 #141838 #0E1127

Complementary Palette

#2A3478 #313C8C #786F2A #8C8131 #9C934E #4E579C

Analogous Palette

#3E5C6F #446579 #2E3884 #313C8C #584479 #67577F

Triadic Palette

#2B357B #313C8C #952834 #A2424C #349528 #2E8323

Split Complementary Palette

#2C367E #313C8C #8C5431 #986546 #698C31 #5F7E2C

Square Palette

#293276 #313C8C #823A67 #827A3A #318C54 #529E6F

Tetradic Palette

#283173 #313C8C #8E209D #8C8131 #2F9D20 #54AF48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313C8C contains 49 red, 60 green, and 140 blue.

Contrast Ratio: 10.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.09:1