#2F3950 Color

Color Information

HEX#2F3950
RGB47, 57, 80
HSL222° , 26% , 25%
HSV222° , 41% , 31%
CMYK41%, 29%, 0%, 69%

Lighter Shades

#485165 #61697A #7A808F #9398A4 #ACB0B9 #C5C8CE

Darker Shades

#293246 #242B3D #1E2433 #181E2A #131720 #0D1016

Complementary Palette

#283145 #2F3950 #453C28 #50462F #69604C #4C5569

Analogous Palette

#324043 #364649 #2C364B #2F3950 #3A3649 #48435B

Triadic Palette

#293246 #2F3950 #572937 #6B434F #375729 #304D24

Split Complementary Palette

#2A3348 #2F3950 #50362F #624A44 #4A502F #43482A

Square Palette

#273043 #2F3950 #4A3646 #4A4436 #2F5036 #506C56

Tetradic Palette

#272F42 #2F3950 #4B245C #50462F #355C24 #59794B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F3950 contains 47 red, 57 green, and 80 blue.

Contrast Ratio: 12.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.75:1