#2F3348 Color

Color Information

HEX	#2F3348
RGB	47, 51, 72
HSL	230° , 21% , 23%
HSV	230° , 35% , 28%
CMYK	35%, 29%, 0%, 72%

Lighter Shades

#484B5E #616474 #7A7C8A #9395A0 #ACADB6 #C5C6CC

Darker Shades

#292D3F #242737 #1E212E #181B25 #13141D #0D0E14

Complementary Palette

#282C3E #2F3348 #3D3A28 #47432E #615D4B #4C5062

Analogous Palette

#2E393E #323E43 #2C3044 #2F3348 #383243 #473F55

Triadic Palette

#292D3F #2F3348 #4D282F #624248 #2F4D28 #294423

Split Complementary Palette

#2A2E41 #2F3348 #47372E #594B43 #3F472E #394029

Square Palette

#272B3C #2F3348 #43323E #434132 #2E4737 #4F6457

Tetradic Palette

#272A3B #2F3348 #4A2452 #47432E #2B5224 #51714B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F3348 contains 47 red, 51 green, and 72 blue.

Contrast Ratio: 13.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.61:1