#2C4350 Color

Color Information

HEX#2C4350
RGB44, 67, 80
HSL202° , 29% , 24%
HSV202° , 45% , 31%
CMYK45%, 16%, 0%, 69%

Lighter Shades

#455A65 #5F707A #78878F #919DA4 #ABB4B9 #C4CACE

Darker Shades

#273B46 #21333D #1C2B33 #17232A #121B20 #0C1316

Complementary Palette

#263A45 #2C4350 #443025 #4F382B #685449 #4A5D69

Analogous Palette

#30413E #344644 #293F4B #2C4350 #343646 #414458

Triadic Palette

#273B46 #2C4350 #562544 #6A3F5A #445625 #3C4C21

Split Complementary Palette

#283C48 #2C4350 #4F2B30 #614045 #4F4A2B #474327

Square Palette

#253843 #2C4350 #463149 #493A31 #304F2B #516B4D

Tetradic Palette

#243742 #2C4350 #35205B #4F382B #455B20 #667948

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C4350 contains 44 red, 67 green, and 80 blue.

Contrast Ratio: 10.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.96:1