#2F3444 Color

Color Information

HEX	#2F3444
RGB	47, 52, 68
HSL	226° , 18% , 23%
HSV	226° , 31% , 27%
CMYK	31%, 24%, 0%, 73%

Lighter Shades

#484C5A #616571 #7A7D87 #93959E #ACAEB4 #C5C6CB

Darker Shades

#292E3C #242834 #1E212C #181B23 #13151B #0D0F13

Complementary Palette

#282D3A #2F3444 #3B3729 #454030 #5F5B4D #4C505E

Analogous Palette

#2E3A3E #323F43 #2C3140 #2F3444 #373243 #453F55

Triadic Palette

#292E3C #2F3444 #4B2A32 #61444B #324B2A #2C4225

Split Complementary Palette

#2A2F3D #2F3444 #453630 #584A45 #404530 #3A3E2B

Square Palette

#272C39 #2F3444 #43323F #433F32 #304536 #516356

Tetradic Palette

#272B38 #2F3444 #462650 #454030 #2F5026 #54704D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F3444 contains 47 red, 52 green, and 68 blue.

Contrast Ratio: 13.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.61:1