#314E74 Color

Color Information

HEX#314E74
RGB49, 78, 116
HSL214° , 41% , 32%
HSV214° , 58% , 45%
CMYK58%, 33%, 0%, 55%

Lighter Shades

#4A6385 #627895 #7B8EA6 #94A3B7 #ADB8C7 #C5CDD8

Darker Shades

#2B4566 #253B58 #1F324A #19293C #141F2E #0E1620

Complementary Palette

#2A4364 #314E74 #634A29 #735630 #876E4D #4E6787

Analogous Palette

#3A5759 #406063 #2E496D #314E74 #434063 #52506D

Triadic Palette

#2B4566 #314E74 #7B284C #8B4261 #4C7B28 #436C23

Split Complementary Palette

#2C4668 #314E74 #733530 #814945 #6F7330 #64682B

Square Palette

#294261 #314E74 #6B3868 #6B5538 #307335 #518955

Tetradic Palette

#28405F #314E74 #582182 #735630 #4B8221 #6B9949

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314E74 contains 49 red, 78 green, and 116 blue.

Contrast Ratio: 8.66:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.42:1