#31B96F Color

Color Information

HEX#31B96F
RGB49, 185, 111
HSL147° , 58% , 46%
HSV147° , 74% , 73%
CMYK74%, 0%, 40%, 27%

Lighter Shades

#4AC180 #62CA92 #7BD2A3 #94DBB4 #ADE3C5 #C5EBD7

Darker Shades

#2BA362 #258D54 #1F7647 #19603A #144A2C #0E341F

Complementary Palette

#2A9F5F #31B96F #9F2A6B #B9317C #C34E8E #4EC383

Analogous Palette

#469442 #4DA249 #2EAE68 #31B96F #49A29D #59A6A2

Triadic Palette

#2BA362 #31B96F #6D26C5 #7F40CC #C56D26 #AD6021

Split Complementary Palette

#2CA764 #31B96F #B331B9 #BB46C0 #B93138 #A72C32

Square Palette

#299B5D #31B96F #3D43AE #AE3D7B #B9B331 #C4BF52

Tetradic Palette

#28985B #31B96F #1C7ECE #B9317C #CE6C1C #D78645

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31B96F contains 49 red, 185 green, and 111 blue.

Contrast Ratio: 2.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.41:1