#2C7196 Color

Color Information

HEX#2C7196
RGB44, 113, 150
HSL201° , 55% , 38%
HSV201° , 71% , 59%
CMYK71%, 25%, 0%, 41%

Lighter Shades

#4582A3 #5F93AF #78A4BC #91B5C8 #ABC6D5 #C4D7E2

Darker Shades

#276384 #215672 #1C4860 #173B4E #122D3C #0C202A

Complementary Palette

#266181 #2C7196 #814626 #96512C #A5694A #4A85A5

Analogous Palette

#3A786F #3F8379 #296A8D #2C7196 #3F4983 #535B88

Triadic Palette

#276384 #2C7196 #A02274 #AB3D85 #74A022 #668D1E

Split Complementary Palette

#286687 #2C7196 #962C3C #A14150 #96862C #877928

Square Palette

#255F7E #2C7196 #7F358D #8D5435 #3C962C #5BA74E

Tetradic Palette

#245D7B #2C7196 #4C1AA8 #96512C #76A81A #8FB843

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C7196 contains 44 red, 113 green, and 150 blue.

Contrast Ratio: 5.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.93:1