#315A87 Color

Color Information

HEX	#315A87
RGB	49, 90, 135
HSL	211° , 47% , 36%
HSV	211° , 64% , 53%
CMYK	64%, 33%, 0%, 47%

Lighter Shades

#4A6E95 #6282A4 #7B95B2 #94A9C1 #ADBDCF #C5D1DD

Darker Shades

#2B4F77 #254467 #1F3A56 #192F46 #142436 #0E1926

Complementary Palette

#2A4D74 #315A87 #74502A #875D31 #98744E #4E7198

Analogous Palette

#3D6A6B #437475 #2E557F #315A87 #444375 #56567B

Triadic Palette

#2B4F77 #315A87 #90275A #9D416E #5A9027 #4F7F22

Split Complementary Palette

#2C517A #315A87 #873231 #934746 #868731 #797A2C

Square Palette

#294C71 #315A87 #7E3A7D #7E5D3A #318732 #529A53

Tetradic Palette

#284A6F #315A87 #5E2097 #875D31 #5A9720 #78AA48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315A87 contains 49 red, 90 green, and 135 blue.

Contrast Ratio: 7.2:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.92:1