#2C6F50 Color

Color Information

HEX#2C6F50
RGB44, 111, 80
HSL152° , 43% , 30%
HSV152° , 60% , 44%
CMYK60%, 0%, 28%, 56%

Lighter Shades

#458065 #5F927A #78A38F #91B4A4 #ABC5B9 #C4D7CE

Darker Shades

#276246 #21543D #1C4733 #173A2A #122C20 #0C1F16

Complementary Palette

#265F45 #2C6F50 #5E2640 #6D2C4A #814A63 #4A8369

Analogous Palette

#355536 #3C5D3D #29684B #2C6F50 #3C5C5D #4E696A

Triadic Palette

#276246 #2C6F50 #4F2574 #643F85 #744F25 #664621

Split Complementary Palette

#286448 #2C6F50 #6D2C6B #7C417A #6D2E2C #622928

Square Palette

#255D43 #2C6F50 #363465 #65344B #6B6D2C #83844E

Tetradic Palette

#245B42 #2C6F50 #1F497A #6D2C4A #7A501F #927047

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C6F50 contains 44 red, 111 green, and 80 blue.

Contrast Ratio: 6.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.5:1