#2F745D Color

Color Information

HEX#2F745D
RGB47, 116, 93
HSL160° , 42% , 32%
HSV160° , 59% , 45%
CMYK59%, 0%, 20%, 55%

Lighter Shades

#488570 #619584 #7AA697 #93B7AB #ACC7BE #C5D8D2

Darker Shades

#296652 #245847 #1E4A3C #183C30 #132E25 #0D201A

Complementary Palette

#286450 #2F745D #64283C #742F46 #874C60 #4C8774

Analogous Palette

#395B3F #406446 #2C6D57 #2F745D #405E64 #50686D

Triadic Palette

#296652 #2F745D #60277C #73418C #7C6027 #6D5422

Split Complementary Palette

#2A6854 #2F745D #742F68 #824477 #743B2F #68352A

Square Palette

#27614E #2F745D #40376C #6C3749 #68742F #808A50

Tetradic Palette

#275F4C #2F745D #214183 #742F46 #836221 #997E49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F745D contains 47 red, 116 green, and 93 blue.

Contrast Ratio: 5.54:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.79:1