#313DA6 Color

Color Information

HEX#313DA6
RGB49, 61, 166
HSL234° , 54% , 42%
HSV234° , 70% , 65%
CMYK70%, 63%, 0%, 35%

Lighter Shades

#4A54B1 #626CBB #7B83C6 #949AD1 #ADB1DB #C5C9E6

Darker Shades

#2B3692 #252E7E #1F276A #192056 #141842 #0E112E

Complementary Palette

#2A348F #313DA6 #8E842A #A59931 #B2A74E #4E58B2

Analogous Palette

#426A85 #477290 #2E399C #313DA6 #644790 #705893

Triadic Palette

#2B3692 #313DA6 #B02734 #B9414C #34B027 #2E9B22

Split Complementary Palette

#2C3795 #313DA6 #A56031 #AE7046 #77A531 #6B952C

Square Palette

#29338B #313DA6 #9A3C75 #9A913C #31A560 #52B379

Tetradic Palette

#283288 #313DA6 #A91EB8 #A59931 #2DB81E #53C547

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313DA6 contains 49 red, 61 green, and 166 blue.

Contrast Ratio: 9.17:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.29:1