#2C7391 Color

Color Information

HEX	#2C7391
RGB	44, 115, 145
HSL	198° , 53% , 37%
HSV	198° , 70% , 57%
CMYK	70%, 21%, 0%, 43%

Lighter Shades

#45849E #5F95AB #78A5B9 #91B6C6 #ABC7D3 #C4D8E0

Darker Shades

#276580 #21576E #1C4A5D #173C4B #122E3A #0C2029

Complementary Palette

#26637D #2C7391 #7C4026 #904A2C #A0634A #4A87A0

Analogous Palette

#3A7368 #3F7D71 #296C88 #2C7391 #3F4C7D #525C84

Triadic Palette

#276580 #2C7391 #9A2376 #A63D86 #769A23 #68881F

Split Complementary Palette

#286883 #2C7391 #902C40 #9B4153 #907C2C #827028

Square Palette

#25617A #2C7391 #773687 #874E36 #40902C #5FA24E

Tetradic Palette

#245E77 #2C7391 #441BA1 #904A2C #79A11B #91B244

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C7391 contains 44 red, 115 green, and 145 blue.

Contrast Ratio: 5.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.99:1