#2C78A9 Color

Color Information

HEX	#2C78A9
RGB	44, 120, 169
HSL	204° , 59% , 42%
HSV	204° , 74% , 66%
CMYK	74%, 29%, 0%, 34%

Lighter Shades

#4588B3 #5F98BE #78A9C8 #91B9D2 #ABC9DD #C4D9E7

Darker Shades

#276A95 #215B80 #1C4D6C #173E58 #123044 #0C222F

Complementary Palette

#266791 #2C78A9 #925126 #AA5E2C #B6754A #4A8BB5

Analogous Palette

#3B877F #41958D #29719F #2C78A9 #414A95 #555C9B

Triadic Palette

#276A95 #2C78A9 #B5217A #BE3C8A #7AB521 #6B9F1D

Split Complementary Palette

#286C98 #2C78A9 #AA2C39 #B3414D #AA9E2C #998E28

Square Palette

#25658E #2C78A9 #9537A0 #A06137 #39AA2C #59B84E

Tetradic Palette

#24628B #2C78A9 #5B19BE #AA5E2C #7CBE19 #94CA42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C78A9 contains 44 red, 120 green, and 169 blue.

Contrast Ratio: 4.78:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.4:1