#2C3C46 Color

Color Information

HEX#2C3C46
RGB44, 60, 70
HSL203° , 23% , 22%
HSV203° , 37% , 27%
CMYK37%, 14%, 0%, 73%

Lighter Shades

#45535C #5F6B72 #788289 #919A9F #ABB1B5 #C4C8CB

Darker Shades

#27353E #212E35 #1C262D #171F24 #12181C #0C1114

Complementary Palette

#26343C #2C3C46 #3B2E25 #45352B #5F5149 #4A5760

Analogous Palette

#2B3B39 #30413F #293842 #2C3C46 #303241 #3D3F52

Triadic Palette

#27353E #2C3C46 #4B263C #614053 #3C4B26 #354221

Split Complementary Palette

#28363F #2C3C46 #452B2E #584043 #45422B #3E3B27

Square Palette

#25323B #2C3C46 #3F3041 #413630 #2E452B #4F634D

Tetradic Palette

#243139 #2C3C46 #33214F #45352B #3D4F21 #606F49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C3C46 contains 44 red, 60 green, and 70 blue.

Contrast Ratio: 11.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.77:1