#4C80D5 Color

Color Information

HEX#4C80D5
RGB76, 128, 213
HSL217° , 62% , 57%
HSV217° , 64% , 84%
CMYK64%, 40%, 0%, 16%

Lighter Shades

#618FDA #779EDF #8CAEE4 #A2BDE9 #B7CCEE #CDDBF3

Darker Shades

#4371BB #3A61A2 #315288 #28436F #1E3355 #15243C

Complementary Palette

#416EB7 #4C80D5 #B78A42 #D5A14D #DBAE66 #6592DB

Analogous Palette

#5FA2AB #63B5BF #4778C8 #4C80D5 #6E63BF #786EC4

Triadic Palette

#4371BB #4C80D5 #E0427F #E4598E #7FE042 #70C53A

Split Complementary Palette

#4473C0 #4C80D5 #D55D4D #D96D5F #C5D54D #B1C045

Square Palette

#406CB3 #4C80D5 #CA58BD #CA9F58 #4DD55D #69DC77

Tetradic Palette

#3E69AF #4C80D5 #A63AE9 #D5A14D #7DE93A #94ED5D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4C80D5 contains 76 red, 128 green, and 213 blue.

Contrast Ratio: 3.88:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.41:1