#2F778D Color

Color Information

HEX#2F778D
RGB47, 119, 141
HSL194° , 50% , 37%
HSV194° , 67% , 55%
CMYK67%, 16%, 0%, 45%

Lighter Shades

#48879B #6198A8 #7AA8B6 #93B8C4 #ACC9D1 #C5D9DF

Darker Shades

#29697C #245A6B #1E4C5A #183E49 #133038 #0D2127

Complementary Palette

#286679 #2F778D #7A3B28 #8E452F #9E5F4C #4C8A9D

Analogous Palette

#3C7263 #427B6C #2C7085 #2F778D #42517B #566181

Triadic Palette

#29697C #2F778D #97267D #A3408D #7D9726 #6E8521

Split Complementary Palette

#2A6B7F #2F778D #8E2F48 #99445A #8E742F #80682A

Square Palette

#276476 #2F778D #703984 #844A39 #488E2F #65A050

Tetradic Palette

#276274 #2F778D #3C1E9F #8E452F #819F1E #98B047

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F778D contains 47 red, 119 green, and 141 blue.

Contrast Ratio: 5.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.17:1