#50A4C1 Color

Color Information

HEX#50A4C1
RGB80, 164, 193
HSL195° , 48% , 54%
HSV195° , 59% , 76%
CMYK59%, 15%, 0%, 24%

Lighter Shades

#65AFC8 #7ABAD0 #8FC5D7 #A4D0DF #B9DBE6 #CEE6EE

Darker Shades

#4690AA #3D7D93 #33697C #2A5564 #20424D #162E36

Complementary Palette

#458DA6 #50A4C1 #A75F46 #C26E51 #CB8269 #69B1CA

Analogous Palette

#659A8D #69AB9A #4B9AB5 #50A4C1 #6979AB #7686B2

Triadic Palette

#4690AA #50A4C1 #CE46AC #D45CB6 #ACCE46 #97B53E

Split Complementary Palette

#4894AE #50A4C1 #C2516E #C8627D #C2A651 #AF9549

Square Palette

#438AA2 #50A4C1 #A05DB6 #B6735D #6EC251 #85CC6D

Tetradic Palette

#42869E #50A4C1 #633CD7 #C26E51 #B0D73C #BEDE5F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #50A4C1 contains 80 red, 164 green, and 193 blue.

Contrast Ratio: 2.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.53:1