#35564C Color

Color Information

HEX#35564C
RGB53, 86, 76
HSL162° , 24% , 27%
HSV162° , 38% , 34%
CMYK38%, 0%, 12%, 66%

Lighter Shades

#4D6A61 #657F77 #7E938C #96A7A2 #AEBBB7 #C6D0CD

Darker Shades

#2F4C43 #28413A #223731 #1C2D28 #15221E #0F1815

Complementary Palette

#2E4A41 #35564C #492D35 #55343E #6D5059 #516E65

Analogous Palette

#36493A #3B4F3F #325147 #35564C #3B4B4F #485C61

Triadic Palette

#2F4C43 #35564C #4E2D5C #634670 #5C4E2D #514528

Split Complementary Palette

#304D44 #35564C #55344F #664861 #553B34 #4D352F

Square Palette

#2D4840 #35564C #3F3B4F #4F3B41 #4F5534 #6B7054

Tetradic Palette

#2B473E #35564C #283962 #55343E #625028 #7E704F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #35564C contains 53 red, 86 green, and 76 blue.

Contrast Ratio: 8.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.54:1