#2F564B Color

Color Information

HEX#2F564B
RGB47, 86, 75
HSL163° , 29% , 26%
HSV163° , 45% , 34%
CMYK45%, 0%, 13%, 66%

Lighter Shades

#486A61 #617F76 #7A938C #93A7A1 #ACBBB7 #C5D0CD

Darker Shades

#294C42 #244139 #1E3730 #182D27 #13221E #0D1815

Complementary Palette

#284A41 #2F564B #4A2832 #562F3A #6E4C56 #4C6E64

Analogous Palette

#344638 #384C3C #2C5147 #2F564B #38484C #45585E

Triadic Palette

#294C42 #2F564B #4E285C #634270 #5C4E28 #514523

Split Complementary Palette

#2A4D44 #2F564B #562F4D #67445F #56372F #4D322A

Square Palette

#27483F #2F564B #3B364F #4F363D #4D562F #697150

Tetradic Palette

#27473E #2F564B #233561 #562F3A #615023 #7D704B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F564B contains 47 red, 86 green, and 75 blue.

Contrast Ratio: 8.37:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.51:1