#2C3486 Color

Color Information

HEX	#2C3486
RGB	44, 52, 134
HSL	235° , 51% , 35%
HSV	235° , 67% , 53%
CMYK	67%, 61%, 0%, 47%

Lighter Shades

#454C95 #5F65A3 #787DB2 #9195C0 #ABAECF #C4C6DD

Darker Shades

#272E76 #212866 #1C2156 #171B46 #121536 #0C0F26

Complementary Palette

#262D73 #2C3486 #746D26 #877F2C #98914A #4A5097

Analogous Palette

#38566B #3E5E75 #29317E #2C3486 #553E75 #62517B

Triadic Palette

#272E76 #2C3486 #90232C #9D3D45 #2C9023 #277F1F

Split Complementary Palette

#282F79 #2C3486 #87522C #936341 #61872C #577A28

Square Palette

#252C71 #2C3486 #7E355F #7E7835 #2C8752 #4E9A6E

Tetradic Palette

#242B6E #2C3486 #8D1C97 #877F2C #26971C #4DAA45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C3486 contains 44 red, 52 green, and 134 blue.

Contrast Ratio: 11.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.87:1