#314AA4 Color

Color Information

HEX	#314AA4
RGB	49, 74, 164
HSL	227° , 54% , 42%
HSV	227° , 70% , 64%
CMYK	70%, 55%, 0%, 36%

Lighter Shades

#4A60AF #6275BA #7B8BC5 #94A1D0 #ADB7DB #C5CCE6

Darker Shades

#2B4190 #25387D #1F2F69 #192655 #141E42 #0E152E

Complementary Palette

#2A408D #314AA4 #8E782A #A58C31 #B29C4E #4E63B1

Analogous Palette

#427285 #477B90 #2E469A #314AA4 #5B4790 #695893

Triadic Palette

#2B4190 #314AA4 #B02744 #B9415A #44B027 #3C9B22

Split Complementary Palette

#2C4394 #314AA4 #A55231 #AE6346 #84A531 #77952C

Square Palette

#293E8A #314AA4 #9A3C80 #9A863C #31A552 #52B36E

Tetradic Palette

#283D86 #314AA4 #971EB8 #A58C31 #3FB81E #62C547

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314AA4 contains 49 red, 74 green, and 164 blue.

Contrast Ratio: 8.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.6:1