#316960 Color

Color Information

HEX#316960
RGB49, 105, 96
HSL170° , 36% , 30%
HSV170° , 53% , 41%
CMYK53%, 0%, 9%, 59%

Lighter Shades

#4A7B73 #628D86 #7B9F99 #94B1AC #ADC3BF #C5D5D2

Darker Shades

#2B5C54 #255049 #1F433D #193732 #142A26 #0E1D1B

Complementary Palette

#2A5A53 #316960 #592A32 #68313A #7D4E56 #4E7E76

Analogous Palette

#3C5344 #405948 #2E635A #316960 #405159 #4C5E67

Triadic Palette

#2B5C54 #316960 #642970 #774381 #706429 #635824

Split Complementary Palette

#2C5F56 #316960 #683156 #774667 #684331 #5E3C2C

Square Palette

#295851 #316960 #463960 #60393F #566831 #718052

Tetradic Palette

#28564F #316960 #233176 #68313A #766823 #8F834B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #316960 contains 49 red, 105 green, and 96 blue.

Contrast Ratio: 6.34:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.31:1