#319BA5 Color

Color Information

HEX#319BA5
RGB49, 155, 165
HSL185° , 54% , 42%
HSV185° , 70% , 65%
CMYK70%, 6%, 0%, 35%

Lighter Shades

#4AA7B0 #62B3BB #7BBFC5 #94CBD0 #ADD7DB #C5E3E6

Darker Shades

#2B8891 #25767D #1F636A #195156 #143E42 #0E2B2E

Complementary Palette

#2A858E #319BA5 #8E332A #A53B31 #B2564E #4EA9B2

Analogous Palette

#428569 #479071 #2E929B #319BA5 #476590 #587093

Triadic Palette

#2B8891 #319BA5 #B027A4 #B941AF #A4B027 #909B22

Split Complementary Palette

#2C8C95 #319BA5 #A53161 #AE4671 #A57531 #95692C

Square Palette

#29828B #319BA5 #733C9A #9A443C #61A531 #7AB352

Tetradic Palette

#287F87 #319BA5 #2B1EB8 #A53B31 #ABB81E #BAC547

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #319BA5 contains 49 red, 155 green, and 165 blue.

Contrast Ratio: 3.26:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.45:1