#2F6150 Color

Color Information

HEX#2F6150
RGB47, 97, 80
HSL160° , 35% , 28%
HSV160° , 52% , 38%
CMYK52%, 0%, 18%, 62%

Lighter Shades

#487465 #61877A #7A9A8F #93ADA4 #ACC0B9 #C5D3CE

Darker Shades

#295546 #244A3D #1E3E33 #18322A #132720 #0D1B16

Complementary Palette

#285345 #2F6150 #532836 #602E3F #764B5A #4C7769

Analogous Palette

#36493A #3D5241 #2C5B4B #2F6150 #3D4F52 #4A5F64

Triadic Palette

#295546 #2F6150 #532768 #68417A #685327 #5C4922

Split Complementary Palette

#2A5748 #2F6150 #602E58 #704369 #60372E #563229

Square Palette

#275143 #2F6150 #3C3659 #593641 #58602E #73794F

Tetradic Palette

#275042 #2F6150 #223B6D #602E3F #6D5522 #87744A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6150 contains 47 red, 97 green, and 80 blue.

Contrast Ratio: 7.19:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.92:1