#2776A4 Color

Color Information

HEX#2776A4
RGB39, 118, 164
HSL202° , 62% , 40%
HSV202° , 76% , 64%
CMYK76%, 28%, 0%, 36%

Lighter Shades

#4186AF #5B97BA #75A7C5 #8FB8D0 #A9C8DB #C3D9E6

Darker Shades

#226890 #1E5A7D #194C69 #143D55 #102F42 #0B212E

Complementary Palette

#22658D #2776A4 #8E4922 #A55527 #B26D45 #4589B1

Analogous Palette

#37867B #3B9185 #256F9A #2776A4 #3B4791 #4F5996

Triadic Palette

#226890 #2776A4 #AF1D7A #B9388A #7AAF1D #6B9A1A

Split Complementary Palette

#236A94 #2776A4 #A52738 #AE3D4C #A59427 #958523

Square Palette

#21638A #2776A4 #8D319B #9B5831 #38A527 #58B34A

Tetradic Palette

#206186 #2776A4 #5014B8 #A55527 #7CB814 #94C53E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2776A4 contains 39 red, 118 green, and 164 blue.

Contrast Ratio: 4.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.24:1