#50A6E0 Color

Color Information

HEX#50A6E0
RGB80, 166, 224
HSL204° , 70% , 60%
HSV204° , 64% , 88%
CMYK64%, 26%, 0%, 12%

Lighter Shades

#65B1E4 #7ABBE7 #8FC6EB #A4D1EF #B9DBF3 #CEE6F6

Darker Shades

#4692C5 #3D7EAA #336A8F #2A5674 #20425A #162E3F

Complementary Palette

#458FC1 #50A6E0 #C17847 #E08B52 #E49B6A #69B2E4

Analogous Palette

#62B7AE #66CCC2 #4B9CD3 #50A6E0 #6670CC #727CCF

Triadic Palette

#4692C5 #50A6E0 #EB47A9 #ED5DB3 #A9EB47 #95CF3E

Split Complementary Palette

#4895CA #50A6E0 #E05260 #E36370 #E0D252 #CABD4A

Square Palette

#438BBC #50A6E0 #CA5CD6 #D68D5C #60E052 #79E56E

Tetradic Palette

#4288B8 #50A6E0 #873FF3 #E08B52 #ABF33F #BAF562

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #50A6E0 contains 80 red, 166 green, and 224 blue.

Contrast Ratio: 2.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.98:1