#5078C2 Color

Color Information

HEX#5078C2
RGB80, 120, 194
HSL219° , 48% , 54%
HSV219° , 59% , 76%
CMYK59%, 38%, 0%, 24%

Lighter Shades

#6588C9 #7A98D1 #8FA9D8 #A4B9DF #B9C9E7 #CED9EE

Darker Shades

#466AAB #3D5B93 #334D7C #2A3E65 #20304E #162236

Complementary Palette

#4567A7 #5078C2 #A78546 #C29B51 #CBA969 #698BCB

Analogous Palette

#65929A #69A1AB #4B71B6 #5078C2 #7369AB #7F76B2

Triadic Palette

#466AAB #5078C2 #CE4675 #D45C86 #75CE46 #67B53E

Split Complementary Palette

#486CAF #5078C2 #C26251 #C87262 #B1C251 #9FAF49

Square Palette

#4365A3 #5078C2 #B65DA9 #B6975D #51C262 #6DCC7B

Tetradic Palette

#42629F #5078C2 #A13CD7 #C29B51 #72D73C #8BDE5F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5078C2 contains 80 red, 120 green, and 194 blue.

Contrast Ratio: 4.33:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.85:1