#313B99 Color

Color Information

HEX	#313B99
RGB	49, 59, 153
HSL	234° , 51% , 40%
HSV	234° , 68% , 60%
CMYK	68%, 61%, 0%, 40%

Lighter Shades

#4A53A5 #626AB1 #7B82BE #9499CA #ADB1D6 #C5C8E2

Darker Shades

#2B3487 #252D74 #1F2662 #191F50 #14183D #0E112B

Complementary Palette

#2A3384 #313B99 #847C2B #9A9032 #A8A04F #4E56A7

Analogous Palette

#41647C #466C86 #2E3790 #313B99 #604686 #6E5A8C

Triadic Palette

#2B3487 #313B99 #A42834 #AF424C #34A428 #2E9023

Split Complementary Palette

#2C358A #313B99 #9A5C32 #A46C47 #709A32 #658B2D

Square Palette

#293281 #313B99 #903C6E #90873C #329A5C #53AA76

Tetradic Palette

#28307D #313B99 #9E20AC #9A9032 #2EAC20 #54BB48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313B99 contains 49 red, 59 green, and 153 blue.

Contrast Ratio: 9.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.15:1