#2778A9 Color

Color Information

HEX#2778A9
RGB39, 120, 169
HSL203° , 63% , 41%
HSV203° , 77% , 66%
CMYK77%, 29%, 0%, 34%

Lighter Shades

#4188B3 #5B98BE #75A9C8 #8FB9D2 #A9C9DD #C3D9E7

Darker Shades

#226A95 #1E5B80 #194D6C #143E58 #103044 #0B222F

Complementary Palette

#226791 #2778A9 #924D22 #AA5927 #B67045 #458BB5

Analogous Palette

#378B82 #3C968B #25719F #2778A9 #3C4696 #50599B

Triadic Palette

#226A95 #2778A9 #B51C7A #BE378A #7AB51C #6B9F19

Split Complementary Palette

#236C98 #2778A9 #AA2736 #B33D4A #AA9B27 #998C23

Square Palette

#21658E #2778A9 #9331A0 #A05C31 #36AA27 #56B84A

Tetradic Palette

#20628B #2778A9 #5514BD #AA5927 #7CBD14 #94C93E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2778A9 contains 39 red, 120 green, and 169 blue.

Contrast Ratio: 4.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.38:1