#2F689E Color

Color Information

HEX#2F689E
RGB47, 104, 158
HSL209° , 54% , 40%
HSV209° , 70% , 62%
CMYK70%, 34%, 0%, 38%

Lighter Shades

#487AAA #618CB5 #7A9EC1 #93B0CD #ACC3D8 #C5D5E4

Darker Shades

#295C8B #244F78 #1E4365 #183652 #132A3F #0D1D2C

Complementary Palette

#285988 #2F689E #875628 #9D642F #AB7A4C #4C7DAC

Analogous Palette

#3E7E7D #438988 #2C6295 #2F689E #434489 #57588E

Triadic Palette

#295C8B #2F689E #A72568 #B23F7A #68A725 #5C9321

Split Complementary Palette

#2A5E8E #2F689E #9D2F31 #A74446 #9D9B2F #8D8C2A

Square Palette

#275785 #2F689E #913993 #936539 #319D2F #52AD50

Tetradic Palette

#275582 #2F689E #641DAF #9D642F #68AF1D #83BD46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F689E contains 47 red, 104 green, and 158 blue.

Contrast Ratio: 5.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.6:1