#316F50 Color

Color Information

HEX#316F50
RGB49, 111, 80
HSL150° , 39% , 31%
HSV150° , 56% , 44%
CMYK56%, 0%, 28%, 56%

Lighter Shades

#4A8065 #62927A #7BA38F #94B4A4 #ADC5B9 #C5D7CE

Darker Shades

#2B6246 #25543D #1F4733 #193A2A #142C20 #0E1F16

Complementary Palette

#2A5F45 #316F50 #5F2944 #6E304F #824D68 #4E8369

Analogous Palette

#3A553A #405E40 #2E684B #316F50 #405E5E #506D6D

Triadic Palette

#2B6246 #316F50 #4F2876 #644286 #764F28 #684623

Split Complementary Palette

#2C6448 #316F50 #6E306E #7D457D #6E3030 #632B2B

Square Palette

#295D43 #316F50 #383866 #66384F #6E6E30 #858551

Tetradic Palette

#285B42 #316F50 #224F7C #6E304F #7C4F22 #946F4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #316F50 contains 49 red, 111 green, and 80 blue.

Contrast Ratio: 5.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.52:1