#2778A4 Color

Color Information

HEX	#2778A4
RGB	39, 120, 164
HSL	201° , 62% , 40%
HSV	201° , 76% , 64%
CMYK	76%, 27%, 0%, 36%

Lighter Shades

#4188AF #5B98BA #75A9C5 #8FB9D0 #A9C9DB #C3D9E6

Darker Shades

#226A90 #1E5B7D #194D69 #143E55 #103042 #0B222E

Complementary Palette

#22678D #2778A4 #8E4722 #A55327 #B26B45 #458BB1

Analogous Palette

#37867A #3B9184 #25719A #2778A4 #3B4891 #4F5A96

Triadic Palette

#226A90 #2778A4 #AF1D7C #B9388C #7CAF1D #6D9A1A

Split Complementary Palette

#236C94 #2778A4 #A5273A #AE3D4E #A59227 #958323

Square Palette

#21658A #2778A4 #8B319B #9B5631 #3AA527 #5AB34A

Tetradic Palette

#206286 #2778A4 #4E14B8 #A55327 #7EB814 #95C53E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2778A4 contains 39 red, 120 green, and 164 blue.

Contrast Ratio: 4.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.34:1