#315B4D Color

Color Information

HEX#315B4D
RGB49, 91, 77
HSL160° , 30% , 27%
HSV160° , 46% , 36%
CMYK46%, 0%, 15%, 64%

Lighter Shades

#4A6F62 #628278 #7B968D #94AAA2 #ADBDB8 #C5D1CD

Darker Shades

#2B5044 #25453B #1F3A31 #192F28 #14241F #0E1916

Complementary Palette

#2A4E42 #315B4D #4D2935 #5A303E #714D59 #4E7266

Analogous Palette

#36493A #3B4F3E #2E5648 #315B4D #3B4C4F #485D61

Triadic Palette

#2B5044 #315B4D #4E2960 #634373 #604E29 #544524

Split Complementary Palette

#2C5245 #315B4D #5A3053 #6B4564 #5A3730 #51322B

Square Palette

#294C41 #315B4D #3C3753 #533740 #535A30 #6F7451

Tetradic Palette

#284B3F #315B4D #243A66 #5A303E #665024 #82704B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315B4D contains 49 red, 91 green, and 77 blue.

Contrast Ratio: 7.78:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.7:1