#31A680 Color

Color Information

HEX	#31A680
RGB	49, 166, 128
HSL	161° , 54% , 42%
HSV	161° , 70% , 65%
CMYK	70%, 0%, 23%, 35%

Lighter Shades

#4AB18F #62BB9E #7BC6AE #94D1BD #ADDBCC #C5E6DB

Darker Shades

#2B9271 #257E61 #1F6A52 #195643 #144233 #0E2E24

Complementary Palette

#2A8F6E #31A680 #8E2A4A #A53156 #B24E6E #4EB292

Analogous Palette

#42854E #479054 #2E9C78 #31A680 #478290 #588893

Triadic Palette

#2B9271 #31A680 #8427B0 #9341B9 #B08427 #9B7422

Split Complementary Palette

#2C9573 #31A680 #A53190 #AE469B #A54631 #953F2C

Square Palette

#298B6C #31A680 #4D3C9A #9A3C5A #90A531 #A2B352

Tetradic Palette

#288869 #31A680 #1E4FB8 #A53156 #B8871E #C59D47

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31A680 contains 49 red, 166 green, and 128 blue.

Contrast Ratio: 3:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.99:1