#31A7AF Color

Color Information

HEX	#31A7AF
RGB	49, 167, 175
HSL	184° , 56% , 44%
HSV	184° , 72% , 69%
CMYK	72%, 5%, 0%, 31%

Lighter Shades

#4AB2B9 #62BCC2 #7BC7CC #94D1D5 #ADDCDF #C5E6E9

Darker Shades

#2B939A #257F85 #1F6B70 #19575B #144346 #0E2F31

Complementary Palette

#2A9097 #31A7AF #97322A #AF3A31 #BA564E #4EB3BA

Analogous Palette

#418B6B #489976 #2E9DA5 #31A7AF #486B99 #59769B

Triadic Palette

#2B939A #31A7AF #BA26B0 #C240B9 #B0BA26 #9BA421

Split Complementary Palette

#2C969E #31A7AF #AF3168 #B74677 #AF7931 #9E6D2C

Square Palette

#298C93 #31A7AF #773DA4 #A4433D #68AF31 #80BC52

Tetradic Palette

#288990 #31A7AF #281DC3 #AF3A31 #B8C31D #C5CE46

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31A7AF contains 49 red, 167 green, and 175 blue.

Contrast Ratio: 2.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.38:1