#319AA4 Color

Color Information

HEX#319AA4
RGB49, 154, 164
HSL185° , 54% , 42%
HSV185° , 70% , 64%
CMYK70%, 6%, 0%, 36%

Lighter Shades

#4AA6AF #62B2BA #7BBEC5 #94CAD0 #ADD7DB #C5E3E6

Darker Shades

#2B8890 #25757D #1F6369 #195055 #143E42 #0E2B2E

Complementary Palette

#2A848D #319AA4 #8E332A #A53B31 #B2564E #4EA8B1

Analogous Palette

#428569 #479071 #2E919A #319AA4 #476590 #587093

Triadic Palette

#2B8890 #319AA4 #B027A4 #B941AF #A4B027 #909B22

Split Complementary Palette

#2C8B94 #319AA4 #A53161 #AE4671 #A57531 #95692C

Square Palette

#29818A #319AA4 #733C9A #9A443C #61A531 #7AB352

Tetradic Palette

#287E86 #319AA4 #2B1EB8 #A53B31 #ABB81E #BAC547

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #319AA4 contains 49 red, 154 green, and 164 blue.

Contrast Ratio: 3.29:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.38:1