#316F40 Color

Color Information

HEX#316F40
RGB49, 111, 64
HSL135° , 39% , 31%
HSV135° , 56% , 44%
CMYK56%, 0%, 42%, 56%

Lighter Shades

#4A8057 #62926E #7BA385 #94B49C #ADC5B3 #C5D7CA

Darker Shades

#2B6238 #255431 #1F4729 #193A21 #142C1A #0E1F12

Complementary Palette

#2A5F37 #316F40 #5F2951 #6E305E #824D75 #4E835B

Analogous Palette

#41553A #485E40 #2E683C #316F40 #405E57 #506D65

Triadic Palette

#2B6238 #316F40 #3C2876 #534286 #763C28 #683523

Split Complementary Palette

#2C643A #316F40 #5E306E #6E457D #6E3040 #632B3A

Square Palette

#295D36 #316F40 #384466 #66385B #6E5E30 #857851

Tetradic Palette

#285B34 #316F40 #22667C #6E305E #7C3922 #945D4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #316F40 contains 49 red, 111 green, and 64 blue.

Contrast Ratio: 6.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.48:1