#2F3448 Color

Color Information

HEX	#2F3448
RGB	47, 52, 72
HSL	228° , 21% , 23%
HSV	228° , 35% , 28%
CMYK	35%, 28%, 0%, 72%

Lighter Shades

#484C5E #616574 #7A7D8A #9395A0 #ACAEB6 #C5C6CC

Darker Shades

#292E3F #242837 #1E212E #181B25 #13151D #0D0F14

Complementary Palette

#282D3E #2F3448 #3D3928 #47422E #615C4B #4C5062

Analogous Palette

#2E393E #323E43 #2C3144 #2F3448 #373243 #463F55

Triadic Palette

#292E3F #2F3448 #4D2830 #624249 #304D28 #2A4423

Split Complementary Palette

#2A2F41 #2F3448 #47362E #594A43 #40472E #3A4029

Square Palette

#272C3C #2F3448 #43323E #434032 #2E4736 #4F6456

Tetradic Palette

#272B3B #2F3448 #482452 #47422E #2D5224 #53714B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F3448 contains 47 red, 52 green, and 72 blue.

Contrast Ratio: 12.92:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.63:1