#316C4A Color

Color Information

HEX	#316C4A
RGB	49, 108, 74
HSL	145° , 38% , 31%
HSV	145° , 55% , 42%
CMYK	55%, 0%, 31%, 58%

Lighter Shades

#4A7E60 #628F75 #7BA18B #94B3A1 #ADC4B7 #C5D6CC

Darker Shades

#2B5F41 #255238 #1F452F #193826 #142B1E #0E1E15

Complementary Palette

#2A5D40 #316C4A #5E2A48 #6D3154 #814E6C #4E8163

Analogous Palette

#3D543B #435D41 #2E6646 #316C4A #415D5B #4E6A67

Triadic Palette

#2B5F41 #316C4A #492975 #5F4386 #754929 #674024

Split Complementary Palette

#2C6143 #316C4A #68316D #77467C #6D3136 #622C31

Square Palette

#295B3E #316C4A #393D65 #653953 #6D6831 #848052

Tetradic Palette

#28593D #316C4A #23567B #6D3154 #7B4823 #93694B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #316C4A contains 49 red, 108 green, and 74 blue.

Contrast Ratio: 6.23:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.37:1