#2C3554 Color

Color Information

HEX#2C3554
RGB44, 53, 84
HSL227° , 31% , 25%
HSV227° , 48% , 33%
CMYK48%, 37%, 0%, 67%

Lighter Shades

#454D69 #5F657D #787E92 #9196A6 #ABAEBB #C4C6CF

Darker Shades

#272F4A #212840 #1C2236 #171C2C #121522 #0C0F18

Complementary Palette

#262E48 #2C3554 #484126 #544B2C #6C644A #4A516C

Analogous Palette

#323E43 #364449 #29324F #2C3554 #3C3649 #4A435B

Triadic Palette

#272F4A #2C3554 #5A2631 #6E404A #315A26 #2B4F21

Split Complementary Palette

#28304C #2C3554 #54372C #654B41 #48542C #414C28

Square Palette

#252D47 #2C3554 #4D3245 #4D4732 #2C5437 #4E6F57

Tetradic Palette

#242B45 #2C3554 #51215F #544B2C #2E5F21 #547C49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C3554 contains 44 red, 53 green, and 84 blue.

Contrast Ratio: 12.61:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.67:1