#31B450 Color

Color Information

HEX#31B450
RGB49, 180, 80
HSL134° , 57% , 45%
HSV134° , 73% , 71%
CMYK73%, 0%, 56%, 29%

Lighter Shades

#4ABD65 #62C67A #7BCF8F #94D8A4 #ADE1B9 #C5EACE

Darker Shades

#2B9E46 #25893D #1F7333 #195E2A #144820 #0E3216

Complementary Palette

#2A9B45 #31B450 #9B2A81 #B43196 #BF4EA5 #4EBF69

Analogous Palette

#568F42 #5F9D48 #2EA94B #31B450 #489D87 #5AA08D

Triadic Palette

#2B9E46 #31B450 #4A26C0 #6040C8 #C04A26 #A94121

Split Complementary Palette

#2CA248 #31B450 #9131B4 #9C46BC #B43154 #A22C4C

Square Palette

#299743 #31B450 #3D5AA9 #A93D90 #B49131 #C0A352

Tetradic Palette

#289442 #31B450 #1DA1C9 #B43196 #C9451D #D36646

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31B450 contains 49 red, 180 green, and 80 blue.

Contrast Ratio: 2.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.87:1