#317E8C Color

Color Information

HEX#317E8C
RGB49, 126, 140
HSL189° , 48% , 37%
HSV189° , 65% , 55%
CMYK65%, 10%, 0%, 45%

Lighter Shades

#4A8D9A #629DA8 #7BACB5 #94BCC3 #ADCBD1 #C5DBDF

Darker Shades

#2B6F7B #25606A #1F515A #194249 #143238 #0E2327

Complementary Palette

#2A6C78 #317E8C #78362A #8C3F31 #9C5A4E #4E909C

Analogous Palette

#3E6F5E #447966 #2E7684 #317E8C #445679 #57657F

Triadic Palette

#2B6F7B #317E8C #952885 #A24294 #859528 #758323

Split Complementary Palette

#2C717E #317E8C #8C3151 #984662 #8C6C31 #7E612C

Square Palette

#296A76 #317E8C #693A82 #82453A #518C31 #6D9E52

Tetradic Palette

#286773 #317E8C #33209D #8C3F31 #8A9D20 #9FAF48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #317E8C contains 49 red, 126 green, and 140 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.53:1