#2C6F5C Color

Color Information

HEX#2C6F5C
RGB44, 111, 92
HSL163° , 43% , 30%
HSV163° , 60% , 44%
CMYK60%, 0%, 17%, 56%

Lighter Shades

#458070 #5F9283 #78A397 #91B4AA #ABC5BE #C4D7D1

Darker Shades

#276251 #215446 #1C473B #173A30 #122C25 #0C1F1A

Complementary Palette

#265F4F #2C6F5C #5E2635 #6D2C3E #814A59 #4A8373

Analogous Palette

#35553C #3C5D43 #296856 #2C6F5C #3C565D #4E646A

Triadic Palette

#276251 #2C6F5C #5E2574 #713F85 #745E25 #665321

Split Complementary Palette

#286453 #2C6F5C #6D2C5F #7C416F #6D3A2C #623428

Square Palette

#255D4D #2C6F5C #3F3465 #653442 #5F6D2C #79844E

Tetradic Palette

#245B4B #2C6F5C #1F397A #6D2C3E #7A601F #927D47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C6F5C contains 44 red, 111 green, and 92 blue.

Contrast Ratio: 5.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.54:1