#31C796

49, 199, 150

#31C796

Custom color #31C796 with RGB values 49, 199, 150.

HEX#31C796

RGB49, 199, 150

HSL160°, 60%, 49%

CMYK75%, 0%, 25%, 22%

CSS Variable--color: #31c796;

Use in Generator Check Contrast View on Wheel

Shades of #31C796

#d6f5eb

#adebd7

#84e1c3

#5bd7ae

#32cd9a

#28a47b

#1e7b5d

#14523e

#0a291f

Tints of #31C796

#31c796

#44d1a3

#5cd7af

#74ddbb

#8ce3c6

#a3e8d2

#bbeede

#d3f4e9

#ebfaf5

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.16:1

AA NormalFailAAAFail

Sample Text

On Black9.74:1

AA NormalPassAAAPass

Full contrast analysis →