#2F5256 Color

Color Information

HEX#2F5256
RGB47, 82, 86
HSL186° , 29% , 26%
HSV186° , 45% , 34%
CMYK45%, 5%, 0%, 66%

Lighter Shades

#48676A #617C7F #7A9093 #93A5A7 #ACBABB #C5CFD0

Darker Shades

#29484C #243E41 #1E3437 #182B2D #132122 #0D1718

Complementary Palette

#28474A #2F5256 #4A2C28 #56332F #6E504C #4C6A6E

Analogous Palette

#34463F #384C44 #2C4D51 #2F5256 #38404C #454E5E

Triadic Palette

#29484C #2F5256 #5C2857 #70426B #575C28 #4D5123

Split Complementary Palette

#2A4A4D #2F5256 #562F3E #674451 #56462F #4D3F2A

Square Palette

#274548 #2F5256 #44364F #4F3836 #3E562F #5D7150

Tetradic Palette

#274347 #2F5256 #292361 #56332F #5B6123 #797D4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F5256 contains 47 red, 82 green, and 86 blue.

Contrast Ratio: 8.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.41:1