#31A58E Color

Color Information

HEX#31A58E
RGB49, 165, 142
HSL168° , 54% , 42%
HSV168° , 70% , 65%
CMYK70%, 0%, 14%, 35%

Lighter Shades

#4AB09C #62BBA9 #7BC5B7 #94D0C4 #ADDBD2 #C5E6DF

Darker Shades

#2B917D #257D6C #1F6A5B #19564A #144239 #0E2E28

Complementary Palette

#2A8E7A #31A58E #8E2A3E #A53148 #B24E62 #4EB29E

Analogous Palette

#428556 #47905D #2E9B85 #31A58E #477A90 #588193

Triadic Palette

#2B917D #31A58E #9427B0 #A141B9 #B09427 #9B8222

Split Complementary Palette

#2C9580 #31A58E #A53182 #AE468F #A55431 #954C2C

Square Palette

#298B77 #31A58E #583C9A #9A3C4F #82A531 #96B352

Tetradic Palette

#288774 #31A58E #1E3DB8 #A53148 #B8991E #C5AB47

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31A58E contains 49 red, 165 green, and 142 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: 7:1