#316D85 Color

Color Information

HEX#316D85
RGB49, 109, 133
HSL197° , 46% , 36%
HSV197° , 63% , 52%
CMYK63%, 18%, 0%, 48%

Lighter Shades

#4A7F94 #6290A2 #7BA2B1 #94B3C0 #ADC5CE #C5D6DD

Darker Shades

#2B6075 #255365 #1F4655 #193945 #142C35 #0E1F25

Complementary Palette

#2A5E72 #316D85 #73402B #864A32 #97634F #4E8196

Analogous Palette

#3E6A61 #447469 #2E667D #316D85 #444E74 #575E7A

Triadic Palette

#2B6075 #316D85 #8F2872 #9C4283 #728F28 #647E23

Split Complementary Palette

#2C6278 #316D85 #863244 #924757 #867432 #79682D

Square Palette

#295C70 #316D85 #6F3B7D #7D4D3B #448632 #629953

Tetradic Palette

#28596D #316D85 #422197 #864A32 #759721 #8EAA49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #316D85 contains 49 red, 109 green, and 133 blue.

Contrast Ratio: 5.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.66:1