#2F778A Color

Color Information

HEX	#2F778A
RGB	47, 119, 138
HSL	193° , 49% , 36%
HSV	193° , 66% , 54%
CMYK	66%, 14%, 0%, 46%

Lighter Shades

#488798 #6198A6 #7AA8B4 #93B8C2 #ACC9D0 #C5D9DE

Darker Shades

#296979 #245A69 #1E4C58 #183E48 #133037 #0D2127

Complementary Palette

#286677 #2F778A #763928 #89422F #9A5C4C #4C8A9A

Analogous Palette

#3C6D5F #417667 #2C7082 #2F778A #415076 #55607C

Triadic Palette

#296979 #2F778A #92267A #9F408A #7A9226 #6B8021

Split Complementary Palette

#2A6B7C #2F778A #892F48 #95445A #896F2F #7B642A

Square Palette

#276474 #2F778A #6B3880 #804838 #48892F #659C50

Tetradic Palette

#276271 #2F778A #391E99 #89422F #7F991E #96AB47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F778A contains 47 red, 119 green, and 138 blue.

Contrast Ratio: 5.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.15:1