#31C5DF Color

Color Information

HEX#31C5DF
RGB49, 197, 223
HSL189° , 73% , 53%
HSV189° , 78% , 87%
CMYK78%, 12%, 0%, 13%

Lighter Shades

#4ACCE3 #62D3E7 #7BDAEB #94E1EE #ADE8F2 #C5EFF6

Darker Shades

#2BADC4 #2596A9 #1F7E8F #196674 #144F59 #0E373E

Complementary Palette

#2AA9C0 #31C5DF #C04029 #DF4A30 #E3634D #4ECDE3

Analogous Palette

#45B58E #48C79A #2EB9D2 #31C5DF #4874C7 #5680CD

Triadic Palette

#2BADC4 #31C5DF #EB24CD #ED3ED3 #CDEB24 #B4CF20

Split Complementary Palette

#2CB1C9 #31C5DF #DF306D #E2457C #DFA130 #C9912B

Square Palette

#29A5BB #31C5DF #9E3CD3 #D3523C #6DDF30 #84E451

Tetradic Palette

#28A2B7 #31C5DF #3B1AF4 #DF4A30 #D3F41A #DBF643

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31C5DF contains 49 red, 197 green, and 223 blue.

Contrast Ratio: 2.04:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.3:1