#50A6FC Color

Color Information

HEX	#50A6FC
RGB	80, 166, 252
HSL	210° , 97% , 65%
HSV	210° , 68% , 99%
CMYK	68%, 34%, 0%, 1%

Lighter Shades

#65B1FC #7ABBFD #8FC6FD #A4D1FD #B9DBFE #CEE6FE

Darker Shades

#4692DE #3D7EC0 #336AA1 #2A5683 #204265 #162E47

Complementary Palette

#458FD9 #50A6FC #D98F44 #FCA64F #FCB268 #69B2FC

Analogous Palette

#5ED4D4 #61EAEA #4B9CED #50A6FC #6161EA #6F6FEB

Triadic Palette

#4692DE #50A6FC #FF4DA6 #FF62B1 #A6FF4D #92E044

Split Complementary Palette

#4895E3 #50A6FC #FC4F4F #FC6161 #FCFC4F #E3E347

Square Palette

#438BD4 #50A6FC #F358F3 #F3A658 #4FFC4F #6BFC6B

Tetradic Palette

#4288CF #50A6FC #A64DFF #FCA64F #A6FF4D #B6FF6D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #50A6FC contains 80 red, 166 green, and 252 blue.

Contrast Ratio: 2.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.3:1