#2F564E Color

Color Information

HEX#2F564E
RGB47, 86, 78
HSL168° , 29% , 26%
HSV168° , 45% , 34%
CMYK45%, 0%, 9%, 66%

Lighter Shades

#486A63 #617F78 #7A938E #93A7A3 #ACBBB8 #C5D0CD

Darker Shades

#294C45 #24413B #1E3732 #182D29 #13221F #0D1816

Complementary Palette

#284A43 #2F564E #4A282F #562F37 #6E4C53 #4C6E67

Analogous Palette

#34463A #384C3E #2C5149 #2F564E #38464C #45565E

Triadic Palette

#294C45 #2F564E #52285C #674270 #5C5228 #514823

Split Complementary Palette

#2A4D46 #2F564E #562F4A #67445C #563B2F #4D352A

Square Palette

#274842 #2F564E #3D364F #4F363B #4A562F #677150

Tetradic Palette

#274740 #2F564E #233061 #562F37 #615523 #7D744B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F564E contains 47 red, 86 green, and 78 blue.

Contrast Ratio: 8.34:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.52:1