#2F6A59 Color

Color Information

HEX#2F6A59
RGB47, 106, 89
HSL163° , 39% , 30%
HSV163° , 56% , 42%
CMYK56%, 0%, 16%, 58%

Lighter Shades

#487C6D #618E81 #7AA095 #93B2A9 #ACC3BD #C5D5D1

Darker Shades

#295D4E #245144 #1E4439 #18372E #132A24 #0D1E19

Complementary Palette

#285B4D #2F6A59 #5B2837 #6A2F40 #7F4C5B #4C7F70

Analogous Palette

#3A5540 #3E5B44 #2C6454 #2F6A59 #3E555B #4E646A

Triadic Palette

#295D4E #2F6A59 #5D2772 #704183 #725D27 #645222

Split Complementary Palette

#2A5F50 #2F6A59 #6A2F5D #79446D #6A3C2F #5F362A

Square Palette

#27594B #2F6A59 #403663 #633643 #5D6A2F #778250

Tetradic Palette

#275749 #2F6A59 #213A78 #6A2F40 #785F21 #907C49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6A59 contains 47 red, 106 green, and 89 blue.

Contrast Ratio: 6.33:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.32:1