#315A77 Color

Color Information

HEX#315A77
RGB49, 90, 119
HSL205° , 42% , 33%
HSV205° , 59% , 47%
CMYK59%, 24%, 0%, 53%

Lighter Shades

#4A6E87 #628298 #7B95A8 #94A9B8 #ADBDC9 #C5D1D9

Darker Shades

#2B4F69 #25445A #1F3A4C #192F3E #142430 #0E1921

Complementary Palette

#2A4D66 #315A77 #66432A #774E31 #8A674E #4E718A

Analogous Palette

#3C5D5B #426764 #2E5570 #315A77 #424567 #52556F

Triadic Palette

#2B4F69 #315A77 #80285B #8F426F #5B8028 #507123

Split Complementary Palette

#2C516B #315A77 #773137 #85464B #777231 #6B672C

Square Palette

#294C64 #315A77 #6B396F #6F5039 #377731 #578D52

Tetradic Palette

#284A62 #315A77 #4C2287 #774E31 #5D8722 #7A9D4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315A77 contains 49 red, 90 green, and 119 blue.

Contrast Ratio: 7.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.83:1