#2C2C48 Color

Color Information

HEX#2C2C48
RGB44, 44, 72
HSL240° , 24% , 23%
HSV240° , 39% , 28%
CMYK39%, 39%, 0%, 72%

Lighter Shades

#45455E #5F5F74 #78788A #9191A0 #ABABB6 #C4C4CC

Darker Shades

#27273F #212137 #1C1C2E #171725 #12121D #0C0C14

Complementary Palette

#26263E #2C2C48 #3F3F27 #49492D #62624A #4A4A62

Analogous Palette

#2E363E #323B43 #292944 #2C2C48 #3B3243 #4A3F55

Triadic Palette

#27273F #2C2C48 #4F2727 #644141 #274F27 #224622

Split Complementary Palette

#282841 #2C2C48 #493B2D #5B4F42 #3B492D #354229

Square Palette

#25253C #2C2C48 #43323B #434332 #2D493B #4F665A

Tetradic Palette

#24243B #2C2C48 #532253 #49492D #225322 #4A724A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C2C48 contains 44 red, 44 green, and 72 blue.

Contrast Ratio: 14.21:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.48:1