#50A5D0 Color

Color Information

HEX#50A5D0
RGB80, 165, 208
HSL200° , 58% , 56%
HSV200° , 62% , 82%
CMYK62%, 21%, 0%, 18%

Lighter Shades

#65B0D6 #7ABBDB #8FC5E1 #A4D0E7 #B9DBEC #CEE6F2

Darker Shades

#4691B7 #3D7D9E #336A85 #2A566C #204253 #162E3A

Complementary Palette

#458EB3 #50A5D0 #B36843 #D0794E #D78C67 #69B2D7

Analogous Palette

#62A79B #64B9AB #4B9BC4 #50A5D0 #6472B9 #727EC0

Triadic Palette

#4691B7 #50A5D0 #DB43A8 #DF5AB2 #A8DB43 #94C13B

Split Complementary Palette

#4895BB #50A5D0 #D04E63 #D56073 #D0BA4E #BBA746

Square Palette

#438BAF #50A5D0 #B359C5 #C57D59 #63D04E #7CD86A

Tetradic Palette

#4287AB #50A5D0 #723AE4 #D0794E #ABE43A #BAE95D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #50A5D0 contains 80 red, 165 green, and 208 blue.

Contrast Ratio: 2.71:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.74:1