#314BC0 Color

Color Information

HEX	#314BC0
RGB	49, 75, 192
HSL	229° , 59% , 47%
HSV	229° , 74% , 75%
CMYK	74%, 61%, 0%, 25%

Lighter Shades

#4A61C8 #6276CF #7B8CD7 #94A1DE #ADB7E6 #C5CDED

Darker Shades

#2B42A9 #253992 #1F307B #192764 #141E4D #0E1536

Complementary Palette

#2A41A5 #314BC0 #A48E2A #BFA531 #C8B24E #4E64C9

Analogous Palette

#437D98 #4989A7 #2E47B4 #314BC0 #6749A7 #7359AB

Triadic Palette

#2B42A9 #314BC0 #CB2543 #D13F5A #43CB25 #3BB321

Split Complementary Palette

#2C44AD #314BC0 #BF5E31 #C56E46 #92BF31 #83AC2C

Square Palette

#293FA1 #314BC0 #B33D8D #B39D3D #31BF5E #52C978

Tetradic Palette

#283E9D #314BC0 #B21CD4 #BFA531 #3DD41C #60DC45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314BC0 contains 49 red, 75 green, and 192 blue.

Contrast Ratio: 7.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.86:1