#314B71 Color

Color Information

HEX	#314B71
RGB	49, 75, 113
HSL	216° , 40% , 32%
HSV	216° , 57% , 44%
CMYK	57%, 34%, 0%, 56%

Lighter Shades

#4A6182 #627693 #7B8CA4 #94A1B5 #ADB7C6 #C5CDD7

Darker Shades

#2B4263 #253956 #1F3048 #19273B #141E2D #0E1520

Complementary Palette

#2A4161 #314B71 #624C2A #725831 #866F4E #4E6485

Analogous Palette

#3B5659 #415F62 #2E476A #314B71 #454162 #53506D

Triadic Palette

#2B4263 #314B71 #7A2949 #8A435F #497A29 #406B24

Split Complementary Palette

#2C4466 #314B71 #723731 #804B46 #6C7231 #61672C

Square Palette

#293F5F #314B71 #6A3965 #6A5639 #317237 #528957

Tetradic Palette

#283E5D #314B71 #5B2281 #725831 #488122 #69984A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314B71 contains 49 red, 75 green, and 113 blue.

Contrast Ratio: 9.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.32:1