#2778C6 Color

Color Information

HEX#2778C6
RGB39, 120, 198
HSL209° , 67% , 46%
HSV209° , 80% , 78%
CMYK80%, 39%, 0%, 22%

Lighter Shades

#4188CD #5B98D4 #75A9DB #8FB9E1 #A9C9E8 #C3D9EF

Darker Shades

#226AAE #1E5B96 #194D7F #143E67 #10304F #0B2237

Complementary Palette

#2267AA #2778C6 #A96322 #C47327 #CC8745 #458BCE

Analogous Palette

#399D9C #3EACAB #2571BA #2778C6 #3E40AC #5052AF

Triadic Palette

#226AAE #2778C6 #D01B78 #D63688 #78D01B #6AB718

Split Complementary Palette

#236CB2 #2778C6 #C42729 #CA3D3E #C4C127 #B0AE23

Square Palette

#2165A6 #2778C6 #B632B8 #B87332 #29C427 #4BCD4A

Tetradic Palette

#2062A2 #2778C6 #7212D9 #C47327 #79D912 #91E03D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2778C6 contains 39 red, 120 green, and 198 blue.

Contrast Ratio: 4.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.62:1