#31BCD4 Color

Color Information

HEX#31BCD4
RGB49, 188, 212
HSL189° , 65% , 51%
HSV189° , 77% , 83%
CMYK77%, 11%, 0%, 17%

Lighter Shades

#4AC4D9 #62CCDE #7BD4E3 #94DCE9 #ADE4EE #C5ECF3

Darker Shades

#2BA5BB #258FA1 #1F7888 #19626E #144B55 #0E353B

Complementary Palette

#2AA2B6 #31BCD4 #B53F2A #D34931 #D9624E #4EC5DA

Analogous Palette

#46AA87 #4ABA93 #2EB1C7 #31BCD4 #4A71BA #597DC0

Triadic Palette

#2BA5BB #31BCD4 #E024C4 #E43ECB #C4E024 #ACC520

Split Complementary Palette

#2CA9BF #31BCD4 #D3316A #D74679 #D39A31 #BE8B2C

Square Palette

#299EB2 #31BCD4 #973DC7 #C7523D #6AD331 #82DA52

Tetradic Palette

#289AAE #31BCD4 #391AEA #D34931 #CBEA1A #D4EE43

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31BCD4 contains 49 red, 188 green, and 212 blue.

Contrast Ratio: 2.24:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.39:1