#2F788A Color

Color Information

HEX#2F788A
RGB47, 120, 138
HSL192° , 49% , 36%
HSV192° , 66% , 54%
CMYK66%, 13%, 0%, 46%

Lighter Shades

#488898 #6198A6 #7AA9B4 #93B9C2 #ACC9D0 #C5D9DE

Darker Shades

#296A79 #245B69 #1E4D58 #183E48 #133037 #0D2227

Complementary Palette

#286777 #2F788A #763828 #89412F #9A5C4C #4C8B9A

Analogous Palette

#3C6D5E #417666 #2C7182 #2F788A #415176 #55617C

Triadic Palette

#296A79 #2F788A #92267C #9F408C #7C9226 #6D8021

Split Complementary Palette

#2A6C7C #2F788A #892F4A #95445C #896E2F #7B632A

Square Palette

#276574 #2F788A #6A3880 #804638 #4A892F #679C50

Tetradic Palette

#276271 #2F788A #371E99 #89412F #81991E #98AB47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F788A contains 47 red, 120 green, and 138 blue.

Contrast Ratio: 5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.2:1