#2C6480 Color

Color Information

HEX#2C6480
RGB44, 100, 128
HSL200° , 49% , 34%
HSV200° , 66% , 50%
CMYK66%, 22%, 0%, 50%

Lighter Shades

#45778F #5F899E #789CAE #91AEBD #ABC1CC #C4D4DB

Darker Shades

#275871 #214C61 #1C4052 #173443 #122833 #0C1C24

Complementary Palette

#26566E #2C6480 #6F3F26 #81492C #93624A #4A7A92

Analogous Palette

#37675F #3E7067 #295E78 #2C6480 #3E4670 #515776

Triadic Palette

#275871 #2C6480 #8A2468 #983E7A #688A24 #5C7920

Split Complementary Palette

#285A73 #2C6480 #812C3A #8E414E #81732C #746828

Square Palette

#25546C #2C6480 #6D3579 #794B35 #3A812C #5A954E

Tetradic Palette

#245269 #2C6480 #431D91 #81492C #6A911D #85A546

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C6480 contains 44 red, 100 green, and 128 blue.

Contrast Ratio: 6.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.23:1