#2F7A80 Color

Color Information

HEX#2F7A80
RGB47, 122, 128
HSL184° , 46% , 34%
HSV184° , 63% , 50%
CMYK63%, 5%, 0%, 50%

Lighter Shades

#488A8F #619A9E #7AAAAE #93BABD #ACCACC #C5DADB

Darker Shades

#296B71 #245D61 #1E4E52 #183F43 #133133 #0D2224

Complementary Palette

#28696E #2F7A80 #6D2D28 #7F342F #91504C #4C8D92

Analogous Palette

#3A6452 #406D5A #2C7378 #2F7A80 #40536D #546173

Triadic Palette

#296B71 #2F7A80 #87267F #95408E #7F8726 #707721

Split Complementary Palette

#2A6E73 #2F7A80 #7F2F51 #8C4462 #7F5C2F #72532A

Square Palette

#27666C #2F7A80 #5B3776 #763C37 #517F2F #6D9350

Tetradic Palette

#276469 #2F7A80 #271F8E #7F342F #858E1F #9BA247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F7A80 contains 47 red, 122 green, and 128 blue.

Contrast Ratio: 4.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.25:1