#2C5696 Color

Color Information

HEX#2C5696
RGB44, 86, 150
HSL216° , 55% , 38%
HSV216° , 71% , 59%
CMYK71%, 43%, 0%, 41%

Lighter Shades

#456AA3 #5F7FAF #7893BC #91A7C8 #ABBBD5 #C4D0E2

Darker Shades

#274C84 #214172 #1C3760 #172D4E #12223C #0C182A

Complementary Palette

#264A81 #2C5696 #815D26 #966C2C #A5814A #4A6EA5

Analogous Palette

#3A7278 #3F7C83 #29518D #2C5696 #463F83 #595388

Triadic Palette

#274C84 #2C5696 #A02254 #AB3D69 #54A022 #4A8D1E

Split Complementary Palette

#284D87 #2C5696 #96362C #A14A41 #8C962C #7E8728

Square Palette

#25487E #2C5696 #8D3584 #8D6A35 #2C9636 #4EA756

Tetradic Palette

#24477B #2C5696 #6F1AA8 #966C2C #53A81A #72B843

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C5696 contains 44 red, 86 green, and 150 blue.

Contrast Ratio: 7.37:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.85:1