#2F7B57 Color

Color Information

HEX#2F7B57
RGB47, 123, 87
HSL152° , 45% , 33%
HSV152° , 62% , 48%
CMYK62%, 0%, 29%, 52%

Lighter Shades

#488B6B #619B7F #7AAB93 #93BAA8 #ACCABC #C5DAD0

Darker Shades

#296C4D #245D42 #1E4F38 #18402D #133123 #0D2218

Complementary Palette

#286A4B #2F7B57 #692847 #7A2E52 #8D4B6A #4C8D6F

Analogous Palette

#39603B #3F6941 #2C7452 #2F7B57 #3F6869 #516F70

Triadic Palette

#296C4D #2F7B57 #572682 #6B4091 #825726 #724D21

Split Complementary Palette

#2A6F4E #2F7B57 #7A2E77 #874385 #7A312E #6E2C29

Square Palette

#276749 #2F7B57 #393772 #723752 #777A2E #8D8F4F

Tetradic Palette

#276547 #2F7B57 #1F5189 #7A2E52 #89581F #9E7647

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F7B57 contains 47 red, 123 green, and 87 blue.

Contrast Ratio: 5.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.12:1