#31B4BE Color

Color Information

HEX#31B4BE
RGB49, 180, 190
HSL184° , 59% , 47%
HSV184° , 74% , 75%
CMYK74%, 5%, 0%, 25%

Lighter Shades

#4ABDC6 #62C6CE #7BCFD5 #94D8DD #ADE1E5 #C5EAED

Darker Shades

#2B9EA7 #258990 #1F737A #195E63 #14484C #0E3235

Complementary Palette

#2A9BA3 #31B4BE #A4332A #BF3B31 #C8564E #4EBFC7

Analogous Palette

#439873 #49A77E #2EA9B3 #31B4BE #4972A7 #597DAB

Triadic Palette

#2B9EA7 #31B4BE #CB25C0 #D13FC8 #C0CB25 #A9B321

Split Complementary Palette

#2CA2AB #31B4BE #BF316E #C5467D #BF8131 #AC742C

Square Palette

#2997A0 #31B4BE #803DB3 #B3453D #6EBF31 #85C952

Tetradic Palette

#28949C #31B4BE #281CD4 #BF3B31 #C8D41C #D2DC45

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31B4BE contains 49 red, 180 green, and 190 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.52:1