#2E6F4D Color

Color Information

HEX#2E6F4D
RGB46, 111, 77
HSL149° , 41% , 31%
HSV149° , 59% , 44%
CMYK59%, 0%, 31%, 56%

Lighter Shades

#478062 #609278 #79A38D #92B4A2 #ABC5B8 #C4D7CD

Darker Shades

#286244 #23543B #1D4731 #183A28 #122C1F #0D1F16

Complementary Palette

#285F42 #2E6F4D #5F2845 #6F2F50 #834C69 #4B8366

Analogous Palette

#395638 #3F603E #2B6848 #2E6F4D #3E605F #506D6C

Triadic Palette

#286244 #2E6F4D #4E2777 #634187 #774E27 #694522

Split Complementary Palette

#296445 #2E6F4D #6E2F6F #7D447D #6F2F30 #642A2B

Square Palette

#275D41 #2E6F4D #373768 #683750 #6F6E2F #868550

Tetradic Palette

#265B3F #2E6F4D #20517E #6F2F50 #7E4D20 #956D48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E6F4D contains 46 red, 111 green, and 77 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