#313A7D Color

Color Information

HEX	#313A7D
RGB	49, 58, 125
HSL	233° , 44% , 34%
HSV	233° , 61% , 49%
CMYK	61%, 54%, 0%, 51%

Lighter Shades

#4A528D #62699C #7B81AC #9499BB #ADB0CB #C5C8DB

Darker Shades

#2B336E #252C5F #1F2550 #191E41 #141732 #0E1023

Complementary Palette

#2A326C #313A7D #6C642A #7D7431 #8F874E #4E568F

Analogous Palette

#3C5362 #425C6C #2E3776 #313A7D #52426C #605572

Triadic Palette

#2B336E #313A7D #862831 #95424A #318628 #2B7623

Split Complementary Palette

#2C3471 #313A7D #7D4E31 #8A6046 #607D31 #56712C

Square Palette

#293169 #313A7D #74395E #746D39 #317D4E #52926A

Tetradic Palette

#283067 #313A7D #80218C #7D7431 #2C8C21 #52A149

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313A7D contains 49 red, 58 green, and 125 blue.

Contrast Ratio: 10.69:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.96:1