#2C5487 Color

Color Information

HEX#2C5487
RGB44, 84, 135
HSL214° , 51% , 35%
HSV214° , 67% , 53%
CMYK67%, 38%, 0%, 47%

Lighter Shades

#456995 #5F7DA4 #7892B2 #91A6C1 #ABBBCF #C4CFDD

Darker Shades

#274A77 #214067 #1C3656 #172C46 #122236 #0C1826

Complementary Palette

#264874 #2C5487 #745226 #875F2C #98754A #4A6C98

Analogous Palette

#38686B #3E7175 #294F7F #2C5487 #413E75 #53517B

Triadic Palette

#274A77 #2C5487 #902352 #9D3D67 #529023 #487F1F

Split Complementary Palette

#284C7A #2C5487 #87322C #934741 #81872C #747A28

Square Palette

#254771 #2C5487 #7E3579 #7E5E35 #2C8732 #4E9A53

Tetradic Palette

#24456F #2C5487 #611C97 #875F2C #51971C #70AA45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C5487 contains 44 red, 84 green, and 135 blue.

Contrast Ratio: 7.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.69:1