#314B8B Color

Color Information

HEX	#314B8B
RGB	49, 75, 139
HSL	223° , 48% , 37%
HSV	223° , 65% , 55%
CMYK	65%, 46%, 0%, 45%

Lighter Shades

#4A6199 #6276A7 #7B8CB5 #94A1C3 #ADB7D1 #C5CDDF

Darker Shades

#2B427A #25396A #1F3059 #192748 #141E38 #0E1527

Complementary Palette

#2A4178 #314B8B #78622A #8C7231 #9C864E #4E649B

Analogous Palette

#3E646F #446D79 #2E4783 #314B8B #4F4479 #60577F

Triadic Palette

#2B427A #314B8B #952847 #A2425D #479528 #3E8323

Split Complementary Palette

#2C447D #314B8B #8C4531 #985846 #788C31 #6C7E2C

Square Palette

#293F75 #314B8B #823A73 #826E3A #318C45 #529E63

Tetradic Palette

#283E72 #314B8B #79209D #8C7231 #439D20 #65AF48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314B8B contains 49 red, 75 green, and 139 blue.

Contrast Ratio: 8.53:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.46:1