RGB and Hex Values
- Hex Code: #382C2A
- RGB: (56, 44, 42)
- Red: 56
- Green: 44
- Blue: 42
HSL and HSV Representation
- HSL (Hue, Saturation, Lightness):
- Hue: 0.02
- Saturation: 0.14
- Lightness: 0.19
- HSV (Hue, Saturation, Value):
- Hue: 9°
- Saturation: 25°
- Value: 22°
CMYK Breakdown (for Printing)
- Cyan: 0%
- Magenta: 21%
- Yellow: 25%
- Black: 78%
Shades and Tints of #382C2A
Shades (Darker Variations)
- #322725
- #2C2321
- #271E1D
- #211A19
- #1C1615
- #161110
- #100D0C
- #0B0808
- #050404
- #000000 (Black)
Tints (Lighter Variations)
- #4B413F
- #5F5654
- #736B69
- #87807F
- #9B9594
- #AFAAA9
- #C3BFBF
- #D7D4D4
- #EBE9E9
- #FFFFFF (White)
Complementary and Related Colors
Complementary Color (Opposite on the Color Wheel)
- #2A3638 (A deep bluish-gray tone)
Triadic Colors (Three Equally Spaced Colors on the Color Wheel)
- #2A382C (Dark Green)
- #2C2A38 (Dark Blue-Violet)
Analogous Colors (Colors Next to It on the Wheel)
- #38332A (Slightly lighter brown)
- #382A2F (Muted reddish-brown)
How to Use #382C2A in Design
Interior Design
- Walls & Furniture: This color works great for furniture, leather sofas, and rustic or modern wooden elements.
- Accents: Pair it with beige, cream, or gold accents for a luxurious feel.
- Floors & Cabinets: A rich brown like #382C2A gives an elegant touch to wooden floors and cabinets.
Fashion & Clothing
- Casual Wear: Works well for jackets, boots, and accessories.
- Formal Wear: Great for suits, ties, and dresses in fall and winter collections.
- Accessories: Brown leather belts, handbags, and shoes complement various outfits.
Web Design & Branding
- Background Color: Perfect for creating warm, inviting websites.
- Text Color: Can be used for headings and buttons for a professional look.
- Logos & Branding: Works well for brands with a natural, organic, or vintage feel.
CSS Code for #382C2A
Background Color:
.mybgcolor {
background-color: #382C2A;
}Text Color:
.myforecolor {
color: #382C2A;
}Border Color:
.mybordercolor {
border: 3px solid #382C2A;
}Text Shadow Effect:
.textShadowHex {
text-shadow: 4px 4px 2px #382C2A;
}Box Shadow Effect:
.divShadow {
box-shadow: 1px 1px 3px 2px #382C2A;
}Conclusion
The color #382C2A is a deep, warm brown that is both versatile and timeless. Whether you’re using it for home decor, fashion, digital designs, or branding, it provides a strong, natural, and sophisticated look. With its complementary and analogous color schemes, it can be paired with many shades to create beautiful and balanced designs.
