Introduction
Today we will talk about a beautiful AD6C5E Colour This is a soft brownish-red color that looks very natural and warm. Many designers use this color in websites, logos, and graphics because it gives a stylish and classy look.
This article will explain everything about this color in simple words – like its color code, shades, tints, RGB value, CMYK value, CSS code, and how you can use this color in your projects.
What is #AD6C5E Colour ?
Hex code #AD6C5E is a mix of red and brown.
- It looks like a warm clay or earthy tone.
- This color is mostly seen in home décor, fashion, makeup products, and websites that need a soft, natural look.
RGB Value of #AD6C5E
RGB means Red, Green, and Blue colors mixed together.
For #AD6C5E:
- Red = 173
- Green = 108
- Blue = 94
This means the color is rich in red with hints of brown and pink tones.
CMYK Value of #AD6C5E
CMYK is used for printing purposes.
For #AD6C5E:
- C = 0% (Cyan)
- M = 38% (Magenta)
- Y = 46% (Yellow)
- K = 32% (Black)
This tells how much ink is used when printing this color.
HSL & HSV Value of #AD6C5E
These are other ways to describe color shades.
HSL (Hue, Saturation, Lightness):
- Hue = 0.03
- Saturation = 33%
- Lightness = 52%
HSV (Hue, Saturation, Value):
- Hue = 11°
- Saturation = 46%
- Value = 68%
This shows the color is slightly reddish-brown with medium brightness.
Shades of #AD6C5E
Shades mean a darker version of this color.
Here are some popular shades:
- #9b6154
- #8a564b
- #794b41
- #674038
- #56362f
- #452b25
These shades are perfect for background colors or borders.
Tints of #AD6C5E
Tints mean a lighter version of this color.
Here are some beautiful tints:
- #b57a6e
- #bd897e
- #c5988e
- #d6b5ae
- #dec4be
- #e6d2ce
These are ideal for soft backgrounds or text highlights.
Triadic Colors of #AD6C5E
Triadic colors are three colors that look good together.
With #AD6C5E, these are:
- #5ead6c (Greenish tone)
- #6c5ead (Purple tone)
These give a balanced and attractive color scheme.
Analogous Colors of #AD6C5E
Analogous colors are colors that sit next to each other on the color wheel.
For #AD6C5E, these are:
- #ad945e (Golden Brown)
- #ad5e78 (Pinkish Tone)
These colors blend well with #AD6C5E.
Complementary Color of #AD6C5E
Complementary color is the opposite color on the color wheel.
For #AD6C5E, the complementary color is:
- #5e9fad (Soft Blue)
These two colors together create a good contrast.
How To Use #AD6C5E in CSS?
If you want to use this color in website design, you can easily apply it in CSS:
Background Color Example:
<div style="background-color:#ad6c5e;">Your Content Here</div>Text Color Example:
<p style="color:#ad6c5e;">This is colored text.</p>Border Color Example:
<div style="border:3px solid #ad6c5e;">Your Box Here</div>Box Shadow with #AD6C5E
You can also add shadows to your text or boxes using this color.
Text Shadow Example:
<p style="text-shadow: 4px 4px 2px rgba(173,108,94, 0.8);">Stylish Text</p>Box Shadow Example:
<div style="box-shadow: 1px 1px 3px 2px #ad6c5e;">Shadowed Box</div>Where To Use This Color?
This color is perfect for:
- Website Background
- Logo Design
- Product Packaging
- Fashion Industry
- Home Décor Designs
- Stylish Text or Buttons
Final Words
The #AD6C5E color is warm, elegant, and eye-friendly. It is ideal for modern websites and graphic design projects where you want to create a classy and natural feel.
Its different shades, tints, and combinations make it very flexible for designers. Plus, using this color with proper CSS coding can make your design look very attractive and professional.
