#314BA3 Color

Color Information

HEX	#314BA3
RGB	49, 75, 163
HSL	226° , 54% , 42%
HSV	226° , 70% , 64%
CMYK	70%, 54%, 0%, 36%

Lighter Shades

#4A61AE #6276B9 #7B8CC4 #94A1CF #ADB7DA #C5CDE5

Darker Shades

#2B428F #25397C #1F3068 #192755 #141E41 #0E152E

Complementary Palette

#2A418C #314BA3 #8E772A #A58A31 #B29A4E #4E64B0

Analogous Palette

#427385 #477C90 #2E4799 #314BA3 #5A4790 #685893

Triadic Palette

#2B428F #314BA3 #B02747 #B9415D #47B027 #3E9B22

Split Complementary Palette

#2C4493 #314BA3 #A55031 #AE6246 #86A531 #79952C

Square Palette

#293F89 #314BA3 #9A3C81 #9A843C #31A550 #52B36C

Tetradic Palette

#283E86 #314BA3 #941EB8 #A58A31 #42B81E #64C547

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314BA3 contains 49 red, 75 green, and 163 blue.

Contrast Ratio: 8.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.62:1