#2F7077 Color

Color Information

HEX#2F7077
RGB47, 112, 119
HSL186° , 43% , 33%
HSV186° , 61% , 47%
CMYK61%, 6%, 0%, 53%

Lighter Shades

#488187 #619298 #7AA3A8 #93B5B8 #ACC6C9 #C5D7D9

Darker Shades

#296369 #24555A #1E484C #183A3E #132D30 #0D1F21

Complementary Palette

#286066 #2F7077 #672F29 #783730 #8B534D #4C848A

Analogous Palette

#3B5E50 #416858 #2C6970 #2F7077 #415068 #525E6F

Triadic Palette

#296369 #2F7077 #812878 #904288 #788128 #6A7223

Split Complementary Palette

#2A656B #2F7077 #78304D #86455F #785B30 #6C522B

Square Palette

#275E64 #2F7077 #5A3870 #703E38 #4D7830 #698E51

Tetradic Palette

#275C62 #2F7077 #2B2187 #783730 #7D8721 #949D49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F7077 contains 47 red, 112 green, and 119 blue.

Contrast Ratio: 5.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.71:1