#2F6A6A Color

Color Information

HEX	#2F6A6A
RGB	47, 106, 106
HSL	180° , 39% , 30%
HSV	180° , 56% , 42%
CMYK	56%, 0%, 0%, 58%

Lighter Shades

#487C7C #618E8E #7AA0A0 #93B2B2 #ACC3C3 #C5D5D5

Darker Shades

#295D5D #245151 #1E4444 #183737 #132A2A #0D1E1E

Complementary Palette

#285B5B #2F6A6A #5B2828 #6A2F2F #7F4C4C #4C7F7F

Analogous Palette

#3A5548 #3E5B4D #2C6464 #2F6A6A #3E4D5B #4E5C6A

Triadic Palette

#295D5D #2F6A6A #722772 #834183 #727227 #646422

Split Complementary Palette

#2A5F5F #2F6A6A #6A2F4D #79445F #6A4D2F #5F452A

Square Palette

#275959 #2F6A6A #4D3663 #633636 #4D6A2F #698250

Tetradic Palette

#275757 #2F6A6A #212178 #6A2F2F #787821 #909049

Contrast Checker

White Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.2:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.39:1