#317D95 Color

Color Information

HEX#317D95
RGB49, 125, 149
HSL194° , 51% , 39%
HSV194° , 67% , 58%
CMYK67%, 16%, 0%, 42%

Lighter Shades

#4A8DA2 #629CAE #7BACBB #94BBC8 #ADCBD5 #C5DBE1

Darker Shades

#2B6E83 #255F71 #1F505F #19414D #14323C #0E232A

Complementary Palette

#2A6C80 #317D95 #813E2A #964831 #A5624E #4E8FA4

Analogous Palette

#3F7869 #458272 #2E768C #317D95 #455582 #586589

Triadic Palette

#2B6E83 #317D95 #A02784 #AB4193 #84A027 #748D22

Split Complementary Palette

#2C7186 #317D95 #96314C #A1465E #967B31 #876F2C

Square Palette

#29697D #317D95 #763B8C #8C4E3B #4C9631 #69A752

Tetradic Palette

#28677A #317D95 #3F1FA8 #964831 #88A81F #9DB847

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #317D95 contains 49 red, 125 green, and 149 blue.

Contrast Ratio: 4.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.54:1