#2F556F Color

Color Information

HEX	#2F556F
RGB	47, 85, 111
HSL	204° , 41% , 31%
HSV	204° , 58% , 44%
CMYK	58%, 23%, 0%, 56%

Lighter Shades

#486980 #617E92 #7A92A3 #93A7B4 #ACBBC5 #C5CFD7

Darker Shades

#294B62 #244154 #1E3647 #182C3A #13222C #0D181F

Complementary Palette

#28495F #2F556F #5F3F28 #6F492F #83624C #4C6D83

Analogous Palette

#385654 #3E605C #2C5068 #2F556F #3E4260 #50536D

Triadic Palette

#294B62 #2F556F #772758 #87416C #587727 #4D6922

Split Complementary Palette

#2A4D64 #2F556F #6F2F35 #7D4449 #6F692F #645F2A

Square Palette

#27475D #2F556F #633768 #684A37 #356F2F #558650

Tetradic Palette

#27465B #2F556F #46207E #6F492F #5A7E20 #789548

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F556F contains 47 red, 85 green, and 111 blue.

Contrast Ratio: 8.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.61:1