#31A275 Color

Color Information

HEX#31A275
RGB49, 162, 117
HSL156° , 54% , 41%
HSV156° , 70% , 64%
CMYK70%, 0%, 28%, 36%

Lighter Shades

#4AAD86 #62B896 #7BC3A7 #94CFB7 #ADDAC8 #C5E5D8

Darker Shades

#2B8F67 #257B59 #1F684B #19543D #14412F #0E2D21

Complementary Palette

#2A8B65 #31A275 #8A2950 #A1305D #AE4D74 #4EAF88

Analogous Palette

#408247 #458C4C #2E986E #31A275 #45858C #598C91

Triadic Palette

#2B8F67 #31A275 #7626AB #8640B5 #AB7626 #966821

Split Complementary Palette

#2C9269 #31A275 #A13096 #AA45A1 #A13B30 #91352B

Square Palette

#298862 #31A275 #443B97 #973B5F #96A130 #A7B051

Tetradic Palette

#288560 #31A275 #1D59B4 #A1305D #B4781D #C29046

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31A275 contains 49 red, 162 green, and 117 blue.

Contrast Ratio: 3.16:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.65:1