#2F4F5E Color

Color Information

HEX#2F4F5E
RGB47, 79, 94
HSL199° , 33% , 28%
HSV199° , 50% , 37%
CMYK50%, 16%, 0%, 63%

Lighter Shades

#486471 #617985 #7A8E98 #93A3AB #ACB9BF #C5CED2

Darker Shades

#294653 #243C47 #1E333C #182931 #132026 #0D161A

Complementary Palette

#284451 #2F4F5E #523629 #5F3F30 #755A4D #4C6875

Analogous Palette

#384C49 #3D524E #2C4A58 #2F4F5E #3D4052 #4A4E64

Triadic Palette

#294653 #2F4F5E #662953 #784368 #536629 #495A24

Split Complementary Palette

#2A4755 #2F4F5E #5F3038 #6F454C #5F5630 #564D2B

Square Palette

#27424F #2F4F5E #523758 #584137 #385F30 #587951

Tetradic Palette

#27414D #2F4F5E #3A236C #5F3F30 #556C23 #74864B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4F5E contains 47 red, 79 green, and 94 blue.

Contrast Ratio: 8.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.35:1