#50A4D6 Color

Color Information

HEX	#50A4D6
RGB	80, 164, 214
HSL	202° , 62% , 58%
HSV	202° , 63% , 84%
CMYK	63%, 23%, 0%, 16%

Lighter Shades

#65AFDB #7ABAE0 #8FC5E5 #A4D0EA #B9DBEF #CEE6F4

Darker Shades

#4690BC #3D7DA3 #336989 #2A556F #204256 #162E3C

Complementary Palette

#458DB8 #50A4D6 #B87046 #D68251 #DC9469 #69B1DC

Analogous Palette

#62ACA2 #67C1B5 #4B9AC9 #50A4D6 #6773C1 #727DC5

Triadic Palette

#4690BC #50A4D6 #E147A8 #E55DB2 #A8E147 #94C63E

Split Complementary Palette

#4894C1 #50A4D6 #D65163 #DA6273 #D6C551 #C1B149

Square Palette

#438AB4 #50A4D6 #BD5CCC #CC855C #63D651 #7CDD6D

Tetradic Palette

#4286AF #50A4D6 #7D3EEA #D68251 #ABEA3E #BAEE61

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #50A4D6 contains 80 red, 164 green, and 214 blue.

Contrast Ratio: 2.72:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.73:1