#31B0DD Color

Color Information

HEX	#31B0DD
RGB	49, 176, 221
HSL	196° , 72% , 53%
HSV	196° , 78% , 87%
CMYK	78%, 20%, 0%, 13%

Lighter Shades

#4AB9E1 #62C3E5 #7BCCE9 #94D6ED #ADDFF1 #C5E9F5

Darker Shades

#2B9BC2 #2586A8 #1F718D #195C73 #144658 #0E313E

Complementary Palette

#2A97BE #31B0DD #BE522A #DD5F31 #E2754E #4EBBE2

Analogous Palette

#46B49A #49C5A8 #2EA5D0 #31B0DD #4966C5 #5873CA

Triadic Palette

#2B9BC2 #31B0DD #E925B5 #EC3FBE #B5E925 #9FCD21

Split Complementary Palette

#2C9EC7 #31B0DD #DD3159 #E0466A #DDB531 #C7A32C

Square Palette

#2994BA #31B0DD #AF3DD1 #D1643D #59DD31 #74E252

Tetradic Palette

#2890B5 #31B0DD #551BF3 #DD5F31 #B9F31B #C6F544

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31B0DD contains 49 red, 176 green, and 221 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