#2F677C Color

Color Information

HEX#2F677C
RGB47, 103, 124
HSL196° , 45% , 34%
HSV196° , 62% , 49%
CMYK62%, 17%, 0%, 51%

Lighter Shades

#48798C #618B9B #7A9EAB #93B0BB #ACC2CB #C5D4DA

Darker Shades

#295B6D #244E5E #1E424F #183640 #132932 #0D1D23

Complementary Palette

#28596B #2F677C #6C3A29 #7E4430 #905E4D #4C7C8E

Analogous Palette

#3B635A #416C62 #2C6175 #2F677C #414B6C #555B72

Triadic Palette

#295B6D #2F677C #86276D #95417F #6D8627 #607622

Split Complementary Palette

#2A5D70 #2F677C #7E3042 #8B4555 #7E6C30 #71612B

Square Palette

#275768 #2F677C #673875 #754838 #427E30 #609351

Tetradic Palette

#275466 #2F677C #3B208D #7E4430 #708D20 #8AA248

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F677C contains 47 red, 103 green, and 124 blue.

Contrast Ratio: 6.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.35:1