#2C6350 Color

Color Information

HEX#2C6350
RGB44, 99, 80
HSL159° , 38% , 28%
HSV159° , 56% , 39%
CMYK56%, 0%, 19%, 61%

Lighter Shades

#457665 #5F887A #789B8F #91AEA4 #ABC1B9 #C4D3CE

Darker Shades

#275746 #214B3D #1C3F33 #17332A #122820 #0C1C16

Complementary Palette

#265545 #2C6350 #552636 #632C3F #794A5A #4A7969

Analogous Palette

#364F39 #3B543E #295D4B #2C6350 #3B5054 #4A5F64

Triadic Palette

#275746 #2C6350 #52256A #673F7C #6A5225 #5D4821

Split Complementary Palette

#285948 #2C6350 #632C5A #73416B #63342C #592F28

Square Palette

#255343 #2C6350 #39335B #5B3341 #5A632C #747C4E

Tetradic Palette

#245142 #2C6350 #1F3B6F #632C3F #6F531F #897247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C6350 contains 44 red, 99 green, and 80 blue.

Contrast Ratio: 7.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.99:1