#315B9E Color

Color Information

HEX	#315B9E
RGB	49, 91, 158
HSL	217° , 53% , 41%
HSV	217° , 69% , 62%
CMYK	69%, 42%, 0%, 38%

Lighter Shades

#4A6FAA #6282B5 #7B96C1 #94AACD #ADBDD8 #C5D1E4

Darker Shades

#2B508B #254578 #1F3A65 #192F52 #14243F #0E192C

Complementary Palette

#2A4E88 #315B9E #8A652A #A07531 #AD884E #4E72AC

Analogous Palette

#417981 #46838B #2E5695 #315B9E #4E468B #605991

Triadic Palette

#2B508B #315B9E #AA2759 #B4416D #59AA27 #4E9622

Split Complementary Palette

#2C528E #315B9E #A03E31 #AA5146 #93A031 #84902C

Square Palette

#294C85 #315B9E #963C8B #96733C #31A03E #52AF5D

Tetradic Palette

#284B82 #315B9E #7A1EB3 #A07531 #57B31E #75C147

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315B9E contains 49 red, 91 green, and 158 blue.

Contrast Ratio: 6.78:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.1:1