#2F716F Color

Color Information

HEX#2F716F
RGB47, 113, 111
HSL178° , 41% , 31%
HSV178° , 58% , 44%
CMYK58%, 0%, 2%, 56%

Lighter Shades

#488280 #619392 #7AA4A3 #93B5B4 #ACC6C5 #C5D7D7

Darker Shades

#296362 #245654 #1E4847 #183B3A #132D2C #0D201F

Complementary Palette

#28615F #2F716F #5F282A #6F2F31 #834C4E #4C8583

Analogous Palette

#385646 #3E604E #2C6A68 #2F716F #3E5060 #505F6D

Triadic Palette

#296362 #2F716F #752777 #864187 #777527 #696722

Split Complementary Palette

#2A6664 #2F716F #6F2F51 #7D4462 #6F4D2F #64452A

Square Palette

#275F5D #2F716F #4D3768 #683738 #516F2F #6D8650

Tetradic Palette

#275D5B #2F716F #20247E #6F2F31 #7E7B20 #959348

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F716F contains 47 red, 113 green, and 111 blue.

Contrast Ratio: 5.64:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.72:1