#313685 Color

Color Information

HEX#313685
RGB49, 54, 133
HSL236° , 46% , 36%
HSV236° , 63% , 52%
CMYK63%, 59%, 0%, 48%

Lighter Shades

#4A4E94 #6266A2 #7B7EB1 #9496C0 #ADAFCE #C5C7DD

Darker Shades

#2B3075 #252965 #1F2355 #191C45 #141635 #0E0F25

Complementary Palette

#2A2E72 #313685 #736E2B #868032 #97924F #4E5296

Analogous Palette

#3E576A #445F74 #2E337D #313685 #594474 #66577A

Triadic Palette

#2B3075 #313685 #8F282F #9C4248 #2F8F28 #297E23

Split Complementary Palette

#2C3178 #313685 #865632 #926747 #618632 #57792D

Square Palette

#292D70 #313685 #7D3B60 #7D783B #328656 #539971

Tetradic Palette

#282C6D #313685 #8F2197 #868032 #299721 #50AA49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313685 contains 49 red, 54 green, and 133 blue.

Contrast Ratio: 10.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.93:1