#2F6A5B Color

Color Information

HEX#2F6A5B
RGB47, 106, 91
HSL165° , 39% , 30%
HSV165° , 56% , 42%
CMYK56%, 0%, 14%, 58%

Lighter Shades

#487C6F #618E82 #7AA096 #93B2AA #ACC3BD #C5D5D1

Darker Shades

#295D50 #245145 #1E443A #18372F #132A24 #0D1E19

Complementary Palette

#285B4E #2F6A5B #5B2835 #6A2F3E #7F4C59 #4C7F72

Analogous Palette

#3A5541 #3E5B45 #2C6456 #2F6A5B #3E545B #4E626A

Triadic Palette

#295D50 #2F6A5B #5F2772 #724183 #725F27 #645422

Split Complementary Palette

#2A5F52 #2F6A5B #6A2F5B #79446B #6A3E2F #5F382A

Square Palette

#27594C #2F6A5B #413663 #633641 #5B6A2F #758250

Tetradic Palette

#27574B #2F6A5B #213778 #6A2F3E #786221 #907E49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6A5B contains 47 red, 106 green, and 91 blue.

Contrast Ratio: 6.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.33:1