#31B4BB Color

Color Information

HEX	#31B4BB
RGB	49, 180, 187
HSL	183° , 58% , 46%
HSV	183° , 74% , 73%
CMYK	74%, 4%, 0%, 27%

Lighter Shades

#4ABDC3 #62C6CB #7BCFD3 #94D8DC #ADE1E4 #C5EAEC

Darker Shades

#2B9EA5 #25898E #1F7378 #195E61 #14484B #0E3234

Complementary Palette

#2A9BA1 #31B4BB #9F302A #B93831 #C3544E #4EBFC5

Analogous Palette

#42946F #49A27A #2EA9B0 #31B4BB #4971A2 #597CA6

Triadic Palette

#2B9EA5 #31B4BB #C526BD #CC40C5 #BDC526 #A6AD21

Split Complementary Palette

#2CA2A8 #31B4BB #B9316E #C0467D #B97C31 #A7702C

Square Palette

#29979D #31B4BB #7B3DAE #AE433D #6EB931 #85C452

Tetradic Palette

#289499 #31B4BB #251CCE #B93831 #C6CE1C #D0D745

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31B4BB contains 49 red, 180 green, and 187 blue.

Contrast Ratio: 2.47:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.49:1