#31AD9D Color

Color Information

HEX	#31AD9D
RGB	49, 173, 157
HSL	172° , 56% , 44%
HSV	172° , 72% , 68%
CMYK	72%, 0%, 9%, 32%

Lighter Shades

#4AB7A9 #62C1B5 #7BCBC0 #94D4CC #ADDED8 #C5E8E4

Darker Shades

#2B988A #258377 #1F6F64 #195A52 #14453F #0E302C

Complementary Palette

#2A9587 #31AD9D #972A39 #AF3142 #BA4E5C #4EB8AB

Analogous Palette

#418B5C #489965 #2EA394 #31AD9D #487B99 #59839B

Triadic Palette

#2B988A #31AD9D #A726BA #B240C2 #BAA726 #A49321

Split Complementary Palette

#2C9C8D #31AD9D #AF3181 #B7468E #AF5F31 #9E562C

Square Palette

#299184 #31AD9D #623DA4 #A43D4A #81AF31 #95BC52

Tetradic Palette

#288E81 #31AD9D #1D33C3 #AF3142 #C3AD1D #CEBC46

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31AD9D contains 49 red, 173 green, and 157 blue.

Contrast Ratio: 2.73:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.7:1