#315C72 Color

Color Information

HEX#315C72
RGB49, 92, 114
HSL200° , 40% , 32%
HSV200° , 57% , 45%
CMYK57%, 19%, 0%, 55%

Lighter Shades

#4A7083 #628394 #7B97A5 #94AAB6 #ADBEC7 #C5D1D8

Darker Shades

#2B5164 #254657 #1F3B49 #19303B #14252E #0E1A20

Complementary Palette

#2A4F62 #315C72 #623D2A #724731 #86614E #4E7386

Analogous Palette

#3B5954 #41625C #2E566B #315C72 #414762 #50556D

Triadic Palette

#2B5164 #315C72 #7A295F #8A4372 #5F7A29 #546B24

Split Complementary Palette

#2C5367 #315C72 #72313C #804650 #726731 #675D2C

Square Palette

#294D60 #315C72 #62396A #6A4939 #3C7231 #5B8952

Tetradic Palette

#284B5D #315C72 #422281 #724731 #618122 #7D984A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315C72 contains 49 red, 92 green, and 114 blue.

Contrast Ratio: 7.3:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.88:1