#2C4650 Color

Color Information

HEX#2C4650
RGB44, 70, 80
HSL197° , 29% , 24%
HSV197° , 45% , 31%
CMYK45%, 13%, 0%, 69%

Lighter Shades

#455C65 #5F727A #78898F #919FA4 #ABB5B9 #C4CBCE

Darker Shades

#273E46 #21353D #1C2D33 #17242A #121C20 #0C1416

Complementary Palette

#263C45 #2C4650 #442E25 #4F362B #685249 #4A6069

Analogous Palette

#30413C #344642 #29424B #2C4650 #343846 #414658

Triadic Palette

#273E46 #2C4650 #562548 #6A3F5E #485625 #3F4C21

Split Complementary Palette

#283F48 #2C4650 #4F2B33 #614047 #4F472B #474027

Square Palette

#253B43 #2C4650 #443149 #493831 #334F2B #546B4D

Tetradic Palette

#243942 #2C4650 #31205B #4F362B #4A5B20 #6B7948

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C4650 contains 44 red, 70 green, and 80 blue.

Contrast Ratio: 10.32:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.03:1