#316A86 Color

Color Information

HEX#316A86
RGB49, 106, 134
HSL200° , 46% , 36%
HSV200° , 63% , 53%
CMYK63%, 21%, 0%, 47%

Lighter Shades

#4A7C95 #628EA3 #7BA0B2 #94B2C0 #ADC3CF #C5D5DD

Darker Shades

#2B5D76 #255166 #1F4456 #193746 #142A36 #0E1E26

Complementary Palette

#2A5B73 #316A86 #73432B #864E32 #97674F #4E7F97

Analogous Palette

#3E6A63 #44746C #2E647E #316A86 #444C74 #575D7A

Triadic Palette

#2B5D76 #316A86 #8F286D #9C427F #6D8F28 #607E23

Split Complementary Palette

#2C5F79 #316A86 #863240 #924753 #867832 #796C2D

Square Palette

#295971 #316A86 #723B7D #7D513B #408632 #5F9953

Tetradic Palette

#28576E #316A86 #482197 #864E32 #6F9721 #89AA49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #316A86 contains 49 red, 106 green, and 134 blue.

Contrast Ratio: 5.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.54:1