#564B3C

Grayish Orange

The color #564B3C is a grayish orange that can be used in various design contexts. This color has RGB values of 86, 75, 60 and HSL values of 35°, 18%, 29%.

Color Values for #564B3C

Below are the different color format representations for #564B3C. You can click any value to copy it to your clipboard.

HEX:	`#564B3C`
RGB:	`rgb(86,75,60)` Copied!
HSL:	`hsl(35,18%,29%)` Copied!
CMYK:	`cmyk(0%, 13%, 30%, 66%)` Copied!

Color Composition of #564B3C

This visualization shows the RGB (Red, Green, Blue) composition of the color #564B3C. Each bar represents the percentage of that primary color in the final mix.

Red: 33.7%

Green: 29.4%

Blue: 23.5%

Contrast Analysis for #564B3C

Testing this color against light and dark backgrounds to check accessibility standards and readability. For more detailed contrast testing, try our contrast checker tool.

On Light Background (White #FFFFFF)

Sample Text in #564B3C

Contrast Ratio: 4.5:1

WCAG AA: ✓ Passes

WCAG AAA: ✗ Fails

On Dark Background (Black #000000)

Sample Text in #564B3C

Contrast Ratio: 3.8:1

WCAG AA: ✗ Fails

WCAG AAA: ✗ Fails

Complementary Colors for #564B3C

The complementary color for #564B3C is #3D4857. These colors sit opposite each other on the color wheel and create a striking visual contrast when used together.

#564B3C

#3D4857

Analogous Colors for #564B3C

The analogous colors for #564B3C are #573F3D and #55573D. These three colors sit next to each other on the color wheel, creating a natural and harmonious color combination.

#573F3D

#564B3C

#55573D

Triadic Colors for #564B3C

The triadic colors for #564B3C are #3D574C and #4C3D57. These three colors are evenly spaced around the color wheel, offering a vibrant and balanced color combination.

#564B3C

#3D574C

#4C3D57

Shades of #564B3C

These are the darker variations of #564B3C. Shades are created by adding black to the original color, like #453C30 and #342D24. This progression shows how #564B3C darkens from left to right, creating deeper variations of the original color.

Tints of #564B3C

Tints are created by adding white to the original color, like #786F63 and #9A938A. This progression shows how #564B3C. lightens from left to right, creating softer variations of the original color.

Color Blindness Simulation for #564B3C

These simulations show how people with different types of color blindness might perceive #564B3C. This information is crucial for designing accessible and inclusive color schemes.

protanopia

#515140

deuteranopia

#525341

tritanopia

#554243

achromatopsia

#4D4D4D

Brands that use #564B3C

Companies and brands that incorporate #564B3C in their visual identity.

Add your brand here

#564B3C Closest Pantone Colors

These are the closest matching Pantone® colors to #564B3C. Click on any color to see detailed Pantone color information.

Pantone 19-0618 Beech #5B4F3B

Pantone 19-1020 Dark Earth #5C4939

Pantone 19-0515 Olive Night #535040

Pantone 19-0516 Dark Olive #574D35

Pantone 19-1116 Carafe #5D473A