#315A82 Color

Color Information

HEX#315A82
RGB49, 90, 130
HSL210° , 45% , 35%
HSV210° , 62% , 51%
CMYK62%, 31%, 0%, 49%

Lighter Shades

#4A6E91 #6282A0 #7B95AF #94A9BE #ADBDCD #C5D1DC

Darker Shades

#2B4F72 #254463 #1F3A53 #192F44 #142434 #0E1924

Complementary Palette

#2A4D70 #315A82 #6F4D2A #815931 #93704E #4E7194

Analogous Palette

#3D6666 #437070 #2E557A #315A82 #434370 #565676

Triadic Palette

#2B4F72 #315A82 #8A2859 #98426D #598A28 #4E7923

Split Complementary Palette

#2C5175 #315A82 #813131 #8E4646 #818131 #74742C

Square Palette

#294C6D #315A82 #783A78 #78593A #318131 #529552

Tetradic Palette

#284A6B #315A82 #592191 #815931 #599121 #77A549

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315A82 contains 49 red, 90 green, and 130 blue.

Contrast Ratio: 7.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.89:1