#2C4E6A Color

Color Information

HEX#2C4E6A
RGB44, 78, 106
HSL207° , 41% , 29%
HSV207° , 58% , 42%
CMYK58%, 26%, 0%, 58%

Lighter Shades

#45637C #5F788E #788EA0 #91A3B2 #ABB8C3 #C4CDD5

Darker Shades

#27455D #213B51 #1C3244 #172937 #121F2A #0C161E

Complementary Palette

#26435B #2C4E6A #593D26 #68472C #7D614A #4A677F

Analogous Palette

#365352 #3A5958 #294964 #2C4E6A #3A3C59 #4C4D67

Triadic Palette

#27455D #2C4E6A #70244E #813E63 #4E7024 #456320

Split Complementary Palette

#28465F #2C4E6A #682C2F #774144 #68652C #5E5B28

Square Palette

#254259 #2C4E6A #5F3361 #614833 #2F682C #50804E

Tetradic Palette

#244057 #2C4E6A #461E76 #68472C #4E761E #6E8F47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C4E6A contains 44 red, 78 green, and 106 blue.

Contrast Ratio: 8.92:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.35:1