#2F564C Color

Color Information

HEX	#2F564C
RGB	47, 86, 76
HSL	165° , 29% , 26%
HSV	165° , 45% , 34%
CMYK	45%, 0%, 12%, 66%

Lighter Shades

#486A61 #617F77 #7A938C #93A7A2 #ACBBB7 #C5D0CD

Darker Shades

#294C43 #24413A #1E3731 #182D28 #13221E #0D1815

Complementary Palette

#284A41 #2F564C #4A2831 #562F39 #6E4C55 #4C6E65

Analogous Palette

#344639 #384C3D #2C5147 #2F564C #38474C #45575E

Triadic Palette

#294C43 #2F564C #4F285C #644270 #5C4F28 #514623

Split Complementary Palette

#2A4D44 #2F564C #562F4C #67445E #56392F #4D332A

Square Palette

#274840 #2F564C #3C364F #4F363C #4C562F #697150

Tetradic Palette

#27473E #2F564C #233361 #562F39 #615223 #7D714B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F564C contains 47 red, 86 green, and 76 blue.

Contrast Ratio: 8.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.51:1