#2F6B68 Color

Color Information

HEX	#2F6B68
RGB	47, 107, 104
HSL	177° , 39% , 30%
HSV	177° , 56% , 42%
CMYK	56%, 0%, 3%, 58%

Lighter Shades

#487D7A #618F8C #7AA09E #93B2B0 #ACC4C3 #C5D6D5

Darker Shades

#295E5C #24514F #1E4443 #183836 #132B2A #0D1E1D

Complementary Palette

#285C59 #2F6B68 #5B282B #6A2F32 #7F4C4F #4C807D

Analogous Palette

#3A5546 #3E5B4B #2C6562 #2F6B68 #3E4E5B #4E5D6A

Triadic Palette

#295E5C #2F6B68 #6E2772 #7F4183 #726E27 #646122

Split Complementary Palette

#2A605E #2F6B68 #6A2F4F #794461 #6A4A2F #5F432A

Square Palette

#275A57 #2F6B68 #4A3663 #633639 #4F6A2F #6B8250

Tetradic Palette

#275855 #2F6B68 #212578 #6A2F32 #787421 #908D49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6B68 contains 47 red, 107 green, and 104 blue.

Contrast Ratio: 6.14:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.42:1