#2F684F Color

Color Information

HEX#2F684F
RGB47, 104, 79
HSL154° , 38% , 30%
HSV154° , 55% , 41%
CMYK55%, 0%, 24%, 59%

Lighter Shades

#487A64 #618C79 #7A9E8E #93B0A3 #ACC3B9 #C5D5CE

Darker Shades

#295C46 #244F3C #1E4333 #183629 #132A20 #0D1D16

Complementary Palette

#285944 #2F684F #5B283F #6A2F49 #7F4C62 #4C7D68

Analogous Palette

#3A553C #3E5B40 #2C624A #2F684F #3E595B #4E686A

Triadic Palette

#295C46 #2F684F #512772 #664183 #725127 #644722

Split Complementary Palette

#2A5E47 #2F684F #6A2F66 #794475 #6A332F #5F2E2A

Square Palette

#275742 #2F684F #393663 #63364A #666A2F #7E8250

Tetradic Palette

#275541 #2F684F #214778 #6A2F49 #785221 #907149

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F684F contains 47 red, 104 green, and 79 blue.

Contrast Ratio: 6.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.2:1