Image Color Picker

📝 Color Information

Color #A56B36 is a specific shade of Red. Its hexadecimal code #A56B36 represents its unique identity in the web color spectrum. In color psychology, this shade aligns with concepts often associated with the Red family. Red is a color of strong emotion, often associated with energy, war, danger, strength, power, determination as well as passion, desire, and love. It is a very emotionally intense color. It enhances human metabolism, increases respiration rate, and raises blood pressure.

Technical Composition

In the RGB (Red, Green, Blue) color space, which is used for digital screens, this color is composed of 51% Red, 33% Green, and 17% Blue. This color has a dominant Red channel, giving it warmth. This specific mix creates result that is visually distinct. In the HSL (Hue, Saturation, Lightness) model, #A56B36 has a hue angle of 29 degrees, a saturation level of 51%, and a lightness level of 43%.

Color Harmonies and Mixing

Start with a Red base. Add Black to deepen it. Use pure pigments to maintain vibrancy. When paired with other colors, #A56B36 can create stunning visual impacts. A Complementary scheme would pair this with a color from the opposite side of the wheel (Hue 209°), creating high contrast. For a more subtle look, an Analogous scheme uses neighbors on the color wheel, creating a serene and comfortable design.

Web Design Usage

This muted, mid-tone color is versatile. It can be used for secondary elements, borders, or dividers where you need structure without overwhelming the design.

Printing and Physical Media

In the CMYK color model used for print (magazines, business cards, brochures), this color is created by mixing 0% Cyan, 35% Magenta, 67% Yellow, and 35% Black ink. When printing, colors may appear slightly different than on screen due to the differences between additive (light) and subtractive (ink) color mixing.

Conversion Codes

To use this color in various digital formats, you can use the following codes:

Hex: #A56B36
RGB: rgb(165, 107, 54)
HSL: hsl(29, 51%, 43%)
CMYK: cmyk(0%, 35%, 67%, 35%)

This comprehensive information ensures you can accurately reproduce #A56B36 across all mediums, from digital screens to physical print materials.

🔢 Color Conversion

HEX

#A56B36

RGB

rgb(165, 107, 54)

RGB %

65%, 42%, 21%

HSL

hsl(29, 51%, 43%)

HSV

hsv(29, 67%, 65%)

CMYK

0%, 35%, 67%, 35%

Decimal

10840886

Web Safe

#996633

🎨 Color Schemes

Complementary

Analogous

Triadic

Split Complementary

Tetradic (Rectangle)

🔄 Alternatives to #A56B36

🌗 Shades and Tints

Shades (adding black)

Tints (adding white)

🎚️ Tones of #A56B36

Tones (adding gray)

👁️ Preview

Text on #A56B36

This demonstrates text readability on the color background.

#A56B36 as Text

This shows the color used as text on white.

👓 Color Blindness Simulator

Check how a color is perceived by people with different types of color blindness to create more accessible designs. Understanding color perception helps ensure your content is accessible to everyone.

📋 CSS Code

:root {
                --color-hex: #A56B36;
                --color-rgb: 165, 107, 54;
                --color-hsl: 29, 51%, 43%;
                }

                .bg-color { background-color: #A56B36; }
                .text-color { color: #A56B36; }
                .border-color { border-color: #A56B36; }