#31BAD5 Color

Color Information

HEX#31BAD5
RGB49, 186, 213
HSL190° , 66% , 51%
HSV190° , 77% , 84%
CMYK77%, 13%, 0%, 16%

Lighter Shades

#4AC2DA #62CBDF #7BD3E4 #94DBE9 #ADE3EE #C5ECF3

Darker Shades

#2BA4BB #258DA2 #1F7788 #19616F #144A55 #0E343C

Complementary Palette

#2AA0B7 #31BAD5 #B74129 #D54B30 #DB644D #4EC4DB

Analogous Palette

#44AB89 #49BC95 #2EAFC8 #31BAD5 #496FBC #577BC1

Triadic Palette

#2BA4BB #31BAD5 #E123C1 #E53DC8 #C1E123 #AAC61F

Split Complementary Palette

#2CA7C0 #31BAD5 #D53067 #D94576 #D59E30 #C08E2B

Square Palette

#299CB3 #31BAD5 #993CC8 #C8533C #67D530 #7FDC51

Tetradic Palette

#2899AF #31BAD5 #3C19EB #D54B30 #C8EB19 #D2EF42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31BAD5 contains 49 red, 186 green, and 213 blue.

Contrast Ratio: 2.28:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.23:1