#50A0D4 Color

Color Information

HEX	#50A0D4
RGB	80, 160, 212
HSL	204° , 61% , 57%
HSV	204° , 62% , 83%
CMYK	62%, 25%, 0%, 17%

Lighter Shades

#65ABD9 #7AB7DE #8FC2E3 #A4CEE9 #B9D9EE #CEE4F3

Darker Shades

#468DBB #3D7AA1 #336688 #2A536E #204055 #162D3B

Complementary Palette

#458AB6 #50A0D4 #B67243 #D4844E #DA9567 #69ADDA

Analogous Palette

#5FABA3 #64BEB5 #4B96C7 #50A0D4 #646DBE #6F78C3

Triadic Palette

#468DBB #50A0D4 #DF43A1 #E35AAC #A1DF43 #8EC43B

Split Complementary Palette

#4890BF #50A0D4 #D44E5C #D8606C #D4C74E #BFB346

Square Palette

#4386B2 #50A0D4 #BE59C9 #C98659 #5CD44E #76DB6A

Tetradic Palette

#4283AE #50A0D4 #803BE8 #D4844E #A3E83B #B4EC5E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #50A0D4 contains 80 red, 160 green, and 212 blue.

Contrast Ratio: 2.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.42:1