#2F6E75 Color

Color Information

HEX	#2F6E75
RGB	47, 110, 117
HSL	186° , 43% , 32%
HSV	186° , 60% , 46%
CMYK	60%, 6%, 0%, 54%

Lighter Shades

#487F86 #619196 #7AA2A7 #93B4B7 #ACC5C8 #C5D6D8

Darker Shades

#296167 #245459 #1E464B #18393D #132C2F #0D1F21

Complementary Palette

#285F65 #2F6E75 #652E28 #75362F #88524C #4C8288

Analogous Palette

#3B5E50 #3F6455 #2C676E #2F6E75 #3F4E64 #525E6F

Triadic Palette

#296167 #2F6E75 #7D2674 #8D4085 #747D26 #666E21

Split Complementary Palette

#2A6369 #2F6E75 #752F4B #83445D #75592F #69502A

Square Palette

#275C62 #2F6E75 #57376D #6D3C37 #4B752F #688B50

Tetradic Palette

#275A60 #2F6E75 #2A2083 #75362F #798320 #919948

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6E75 contains 47 red, 110 green, and 117 blue.

Contrast Ratio: 5.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.61:1