#31AD9C Color

Color Information

HEX	#31AD9C
RGB	49, 173, 156
HSL	172° , 56% , 44%
HSV	172° , 72% , 68%
CMYK	72%, 0%, 10%, 32%

Lighter Shades

#4AB7A8 #62C1B4 #7BCBC0 #94D4CC #ADDED7 #C5E8E3

Darker Shades

#2B9889 #258377 #1F6F64 #195A51 #14453E #0E302C

Complementary Palette

#2A9586 #31AD9C #972A39 #AF3142 #BA4E5C #4EB8AA

Analogous Palette

#418B5C #489965 #2EA393 #31AD9C #487B99 #59839B

Triadic Palette

#2B9889 #31AD9C #A726BA #B240C2 #BAA726 #A49321

Split Complementary Palette

#2C9C8C #31AD9C #AF3181 #B7468E #AF5F31 #9E562C

Square Palette

#299183 #31AD9C #623DA4 #A43D4A #81AF31 #95BC52

Tetradic Palette

#288E80 #31AD9C #1D33C3 #AF3142 #C3AD1D #CEBC46

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31AD9C contains 49 red, 173 green, and 156 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.69:1