#317486 Color

Color Information

HEX	#317486
RGB	49, 116, 134
HSL	193° , 46% , 36%
HSV	193° , 63% , 53%
CMYK	63%, 13%, 0%, 47%

Lighter Shades

#4A8595 #6295A3 #7BA6B2 #94B7C0 #ADC7CF #C5D8DD

Darker Shades

#2B6676 #255866 #1F4A56 #193C46 #142E36 #0E2026

Complementary Palette

#2A6473 #317486 #733A2B #864432 #975E4F #4E8797

Analogous Palette

#3E6A5E #447466 #2E6D7E #317486 #445174 #57617A

Triadic Palette

#2B6676 #317486 #8F2879 #9C4289 #798F28 #6A7E23

Split Complementary Palette

#2C6879 #317486 #86324A #92475C #866E32 #79632D

Square Palette

#296171 #317486 #6A3B7D #7D493B #4A8632 #679953

Tetradic Palette

#285F6E #317486 #3B2197 #864432 #7D9721 #94AA49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #317486 contains 49 red, 116 green, and 134 blue.

Contrast Ratio: 5.26:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.99:1