#50A6B9 Color

Color Information

HEX#50A6B9
RGB80, 166, 185
HSL191° , 43% , 52%
HSV191° , 57% , 73%
CMYK57%, 10%, 0%, 27%

Lighter Shades

#65B1C1 #7ABBCA #8FC6D2 #A4D1DB #B9DBE3 #CEE6EB

Darker Shades

#4692A3 #3D7E8D #336A76 #2A5660 #20424A #162E34

Complementary Palette

#458F9F #50A6B9 #9F5545 #B96350 #C37969 #69B2C3

Analogous Palette

#639283 #68A18F #4B9CAE #50A6B9 #687AA1 #7585A9

Triadic Palette

#4692A3 #50A6B9 #C544AE #CC5AB8 #AEC544 #99AD3C

Split Complementary Palette

#4895A7 #50A6B9 #B95071 #C0627F #B99850 #A78948

Square Palette

#438B9B #50A6B9 #935CAD #AD6B5C #71B950 #88C46C

Tetradic Palette

#428898 #50A6B9 #553ACF #B96350 #B4CF3A #C2D85D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #50A6B9 contains 80 red, 166 green, and 185 blue.

Contrast Ratio: 2.76:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.61:1