#2F6D75 Color

Color Information

HEX#2F6D75
RGB47, 109, 117
HSL187° , 43% , 32%
HSV187° , 60% , 46%
CMYK60%, 7%, 0%, 54%

Lighter Shades

#487F86 #619096 #7AA2A7 #93B3B7 #ACC5C8 #C5D6D8

Darker Shades

#296067 #245359 #1E464B #18393D #132C2F #0D1F21

Complementary Palette

#285E65 #2F6D75 #652F28 #75372F #88534C #4C8188

Analogous Palette

#3B5E51 #3F6456 #2C666E #2F6D75 #3F4D64 #525D6F

Triadic Palette

#296067 #2F6D75 #7D2673 #8D4084 #737D26 #656E21

Split Complementary Palette

#2A6269 #2F6D75 #752F49 #83445B #755A2F #69512A

Square Palette

#275C62 #2F6D75 #58376D #6D3D37 #49752F #668B50

Tetradic Palette

#275960 #2F6D75 #2B2083 #75372F #788320 #909948

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6D75 contains 47 red, 109 green, and 117 blue.

Contrast Ratio: 5.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.57:1