#2F7457 Color

Color Information

HEX	#2F7457
RGB	47, 116, 87
HSL	155° , 42% , 32%
HSV	155° , 59% , 45%
CMYK	59%, 0%, 25%, 55%

Lighter Shades

#48856B #61957F #7AA693 #93B7A8 #ACC7BC #C5D8D0

Darker Shades

#29664D #245842 #1E4A38 #183C2D #132E23 #0D2018

Complementary Palette

#28644B #2F7457 #642841 #742F4C #874C65 #4C876F

Analogous Palette

#395B3C #406443 #2C6D52 #2F7457 #406164 #506A6D

Triadic Palette

#29664D #2F7457 #59277C #6D418C #7C5927 #6D4E22

Split Complementary Palette

#2A684E #2F7457 #742F6E #82447D #74352F #68302A

Square Palette

#276149 #2F7457 #3C376C #6C374D #6E742F #858A50

Tetradic Palette

#275F47 #2F7457 #214983 #742F4C #835A21 #997849

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F7457 contains 47 red, 116 green, and 87 blue.

Contrast Ratio: 5.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.77:1