#313A8D Color

Color Information

HEX#313A8D
RGB49, 58, 141
HSL234° , 48% , 37%
HSV234° , 65% , 55%
CMYK65%, 59%, 0%, 45%

Lighter Shades

#4A529B #6269A8 #7B81B6 #9499C4 #ADB0D1 #C5C8DF

Darker Shades

#2B337C #252C6B #1F255A #191E49 #141738 #0E1027

Complementary Palette

#2A3279 #313A8D #78712A #8C8331 #9C944E #4E569D

Analogous Palette

#3E5C6F #446479 #2E3785 #313A8D #594479 #67577F

Triadic Palette

#2B337C #313A8D #952833 #A2424B #339528 #2D8323

Split Complementary Palette

#2C347F #313A8D #8C5531 #986646 #678C31 #5D7E2C

Square Palette

#293176 #313A8D #823A66 #827B3A #318C55 #529E70

Tetradic Palette

#283074 #313A8D #90209D #8C8331 #2D9D20 #53AF48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313A8D contains 49 red, 58 green, and 141 blue.

Contrast Ratio: 10.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.06:1