#315D96 Color

Color Information

HEX	#315D96
RGB	49, 93, 150
HSL	214° , 51% , 39%
HSV	214° , 67% , 59%
CMYK	67%, 38%, 0%, 41%

Lighter Shades

#4A70A3 #6284AF #7B97BC #94ABC8 #ADBED5 #C5D2E2

Darker Shades

#2B5284 #254772 #1F3C60 #19304E #14253C #0E1A2A

Complementary Palette

#2A5081 #315D96 #815B2A #966A31 #A57F4E #4E74A5

Analogous Palette

#3F7478 #457E82 #2E578D #315D96 #494582 #5B5889

Triadic Palette

#2B5284 #315D96 #A0275B #AB416F #5BA027 #508D22

Split Complementary Palette

#2C5487 #315D96 #963731 #A14B46 #8F9631 #81872C

Square Palette

#294E7E #315D96 #8C3B87 #8C693B #319637 #52A757

Tetradic Palette

#284C7B #315D96 #6D1FA8 #966A31 #5AA81F #78B847

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315D96 contains 49 red, 93 green, and 150 blue.

Contrast Ratio: 6.74:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.12:1