‎#3D2B16 Brown Pod

‎#3D2B16

‎#3D2B16 (Brown Pod) RGB value is (61, 43, 22).
Red value is 61, green value is 43, and blue value is 22.
Cylindrical-coordinate representations (HSL) of color ‎#3D2B16: hue: 32°, saturation: 47%, and lightness: 16.3%.
Process color (CMYK) of ‎#3D2B16 is 0%, 29.5%, 63.9%, 76.1%. Web safe color equivalent of ‎#3D2B16 is ‎##333300. Color #3D2B16 contains mainly Red.

Color Spaces

Color spaces of #3D2B16 Value
RGB61, 43, 22
HSL32°, 47%, 16.3%
HSV / HSB32°, 63.9%, 23.9%
CMYK0%, 29.5%, 63.9%, 76.1%
XYZ2.93, 2.78, 1.14

Base Numbers

Base Red Green Blue
Binary 00111101 00101011 00010110
Octal 075 053 026
Decimal 61 43 22
Hex 3D 2B 16

RGB Percentages for Color #3D2B16

Red: 48.4%
Green: 34.1%
Blue: 17.5%

CMYK Percentages of Color #3D2B16

Magenta: 29.5%
Yellow: 63.9%
Black: 76.1%

Shades of #3D2B16

Tints of #3D2B16

CSS Codes for Color #3D2B16
.mybgColor { background-color: #3D2B16; }
.myforeColor { color: #3D2B16; }
.myborderColor { border: 3px solid #3D2B16; }
Text Font Color #3D2B16

<p style="color:#3D2B16">Text here</p>

This sample text is styled with font color #3D2B16. It demonstrates typography contrast and readability for Web Content Accessibility Guidelines.

Background Color #3D2B16

<div style="background-color:#3D2B16">Div content here</div>

The background color of this container is #3D2B16.
Border Color #3D2B16

<div style="border:3px solid #3D2B16">Div here</div>

The border color of this container is #3D2B16.
CSS3 Shadow Examples
.textShadowRgb { text-shadow: 4px 4px 2px rgba(61, 43, 22, 0.8); }
.textShadowHex { text-shadow: 4px 4px 2px #3D2B16; }
.divShadow { -moz-box-shadow: 1px 1px 3px #3D2B16;
-webkit-box-shadow: 1px 1px 3px #3D2B16;
box-shadow: 1px 1px 3px #3D2B16; }
                
Text Shadow Using RGB Values

This text has a CSS3 shadow effect generated with RGB color values.

Text Shadow Using Hex Values

This text has a CSS3 shadow effect generated with Hex color values.

Shadow Div Box
This div container demonstrates a CSS3 box shadow effect using #3D2B16.

Related Colors & Harmonies

Detailed Specifications & Design Guide for #3D2B16 (Brown Pod)

Color Overview & Profile: Color ‎#3D2B16, also known as Brown Pod, is a prominent hue with strong representation in digital UI designs and print graphics. In the sRGB color space, it is composed of 24% Red (61/255), 17% Green (43/255), and 9% Blue (22/255). The primary color family component is Red.

Print & Physical Production Specs: For physical print production and offset printing setups, ‎#3D2B16 translates into the CMYK subtractive color model with values of 0% Cyan, 29.5% Magenta, 63.9% Yellow, and 76.1% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 32°, saturation of 47%, and lightness of 16.3%.

Web Accessibility & Design Recommendations: When implementing ‎#3D2B16 in web frontend frameworks, ensure sufficient contrast ratios for readability according to WCAG 2.1 standards. The web-safe equivalent hex value for this color is ‎##333300.

Frequently Asked Questions about #3D2B16 (Brown Pod)

What is color code #3D2B16 and its name?
#3D2B16 is named Brown Pod. In the sRGB color space, it consists of Red 61, Green 43, and Blue 22 (RGB: 61, 43, 22).
Is #3D2B16 (Brown Pod) a warm or cool color?
#3D2B16 (Brown Pod) is classified as a Warm Color Tone with a primary color family component of Red.
What hex codes complement and match #3D2B16?
The exact complementary matching hex code for #3D2B16 (Brown Pod) is #16283D.
What is the CMYK print formula for #3D2B16?
For physical print and offset setups, #3D2B16 translates to CMYK values of 0% Cyan, 29.5% Magenta, 63.9% Yellow, and 76.1% Key/Black.
How can I use #3D2B16 in CSS and web design?
Apply `background-color: #3D2B16;` or `color: #3D2B16;` in your CSS stylesheet. Its HSL representation is hue: 32°, saturation: 47%, and lightness: 16.3%.
‎#3D2B16 Brown Pod hexcolor for Brown Pod Brown Pod hexcode Shades of #3D2B16 Tints of #3D2B16 Similar Colors to #3D2B16 #3D2B16 Color Combinations #3D2B16 CSS & Web Code #3D2B16 RGB & CMYK Warm Color Tone
Scroll to Top