#2C3C54 Color

Color Information

HEX#2C3C54
RGB44, 60, 84
HSL216° , 31% , 25%
HSV216° , 48% , 33%
CMYK48%, 29%, 0%, 67%

Lighter Shades

#455369 #5F6B7D #788292 #919AA6 #ABB1BB #C4C8CF

Darker Shades

#27354A #212E40 #1C2636 #171F2C #121822 #0C1118

Complementary Palette

#263448 #2C3C54 #483A26 #54442C #6C5E4A #4A576C

Analogous Palette

#324243 #364749 #29384F #2C3C54 #383649 #46435B

Triadic Palette

#27354A #2C3C54 #5A263B #6E4053 #3B5A26 #344F21

Split Complementary Palette

#28364C #2C3C54 #54302C #654541 #50542C #484C28

Square Palette

#253247 #2C3C54 #4D324A #4D4232 #2C5430 #4E6F51

Tetradic Palette

#243145 #2C3C54 #46215F #54442C #3A5F21 #5D7C49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C3C54 contains 44 red, 60 green, and 84 blue.

Contrast Ratio: 11.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.81:1