#5077BE Color

Color Information

HEX#5077BE
RGB80, 119, 190
HSL219° , 46% , 53%
HSV219° , 58% , 75%
CMYK58%, 37%, 0%, 25%

Lighter Shades

#6587C6 #7A98CE #8FA8D5 #A4B8DD #B9C9E5 #CED9ED

Darker Shades

#4669A7 #3D5A90 #334C7A #2A3E63 #20304C #162135

Complementary Palette

#4566A3 #5077BE #A38345 #BE9850 #C7A669 #698AC7

Analogous Palette

#638F97 #689DA6 #4B70B3 #5077BE #7168A6 #7E75AE

Triadic Palette

#4669A7 #5077BE #CA4473 #D05A84 #73CA44 #65B23C

Split Complementary Palette

#486BAB #5077BE #BE6150 #C57162 #AEBE50 #9DAB48

Square Palette

#4364A0 #5077BE #B25CA5 #B2945C #50BE61 #6CC87A

Tetradic Palette

#42629C #5077BE #9E3AD4 #BE9850 #70D43A #8ADC5D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5077BE contains 80 red, 119 green, and 190 blue.

Contrast Ratio: 4.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.76:1