#2F4140 Color

Color Information

HEX#2F4140
RGB47, 65, 64
HSL177° , 16% , 22%
HSV177° , 28% , 25%
CMYK28%, 0%, 2%, 75%

Lighter Shades

#485857 #616F6E #7A8585 #939C9C #ACB3B3 #C5CACA

Darker Shades

#293938 #243131 #1E2A29 #182221 #131A1A #0D1212

Complementary Palette

#283837 #2F4140 #382829 #412F30 #5C4C4D #4C5C5B

Analogous Palette

#2B3B32 #304137 #2C3D3C #2F4140 #303941 #3D4952

Triadic Palette

#293938 #2F4140 #452A47 #5B445D #47452A #3E3D25

Split Complementary Palette

#2A3B3A #2F4140 #412F39 #54444D #41372F #3B322A

Square Palette

#273736 #2F4140 #373041 #413031 #39412F #595F50

Tetradic Palette

#273534 #2F4140 #25274B #412F30 #4B4925 #6B6A4C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4140 contains 47 red, 65 green, and 64 blue.

Contrast Ratio: 11.18:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.88:1