#2F7C6C Color

Color Information

HEX#2F7C6C
RGB47, 124, 108
HSL168° , 45% , 34%
HSV168° , 62% , 49%
CMYK62%, 0%, 13%, 51%

Lighter Shades

#488C7E #619B8F #7AABA1 #93BBB3 #ACCBC4 #C5DAD6

Darker Shades

#296D5F #245E52 #1E4F45 #184038 #13322B #0D231E

Complementary Palette

#286B5D #2F7C6C #6C2936 #7E303F #904D5A #4C8E81

Analogous Palette

#3B6347 #416C4E #2C7566 #2F7C6C #415F6C #556972

Triadic Palette

#296D5F #2F7C6C #732786 #844195 #867327 #766522

Split Complementary Palette

#2A7061 #2F7C6C #7E3066 #8B4575 #7E4730 #71402B

Square Palette

#27685B #2F7C6C #4B3875 #753844 #667E30 #7E9351

Tetradic Palette

#276659 #2F7C6C #20368D #7E303F #8D7720 #A28F48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F7C6C contains 47 red, 124 green, and 108 blue.

Contrast Ratio: 4.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.25:1