#2C6E4D Color

Color Information

HEX#2C6E4D
RGB44, 110, 77
HSL150° , 43% , 30%
HSV150° , 60% , 43%
CMYK60%, 0%, 30%, 57%

Lighter Shades

#457F62 #5F9178 #78A28D #91B4A2 #ABC5B8 #C4D6CD

Darker Shades

#276144 #21543B #1C4631 #173928 #122C1F #0C1F16

Complementary Palette

#265F42 #2C6E4D #5E2642 #6D2C4D #814A66 #4A8266

Analogous Palette

#355535 #3C5D3C #296748 #2C6E4D #3C5D5D #4E6A6A

Triadic Palette

#276144 #2C6E4D #4D2574 #623F85 #744D25 #664421

Split Complementary Palette

#286345 #2C6E4D #6D2C6D #7C417C #6D2C2C #622828

Square Palette

#255C41 #2C6E4D #343465 #65344D #6D6D2C #84844E

Tetradic Palette

#245A3F #2C6E4D #1F4D7A #6D2C4D #7A4D1F #926D47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C6E4D contains 44 red, 110 green, and 77 blue.

Contrast Ratio: 6.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.44:1