‎#838178 Concord

‎#838178

‎#838178 (Concord) RGB value is (131, 129, 120).
Red value is 131, green value is 129, and blue value is 120.
Cylindrical-coordinate representations (HSL) of color ‎#838178: hue: 49°, saturation: 4.4%, and lightness: 49.2%.
Process color (CMYK) of ‎#838178 is 0%, 1.5%, 8.4%, 48.6%. Web safe color equivalent of ‎#838178 is ‎##999966. Color #838178 contains mainly GRAY.

Color Spaces

Color spaces of #838178 Value
RGB131, 129, 120
HSL49°, 4.4%, 49.2%
HSV / HSB49°, 8.4%, 51.4%
CMYK0%, 1.5%, 8.4%, 48.6%
XYZ20.6, 21.88, 20.9

Base Numbers

Base Red Green Blue
Binary 10000011 10000001 01111000
Octal 203 201 170
Decimal 131 129 120
Hex 83 81 78

RGB Percentages for Color #838178

Red: 34.5%
Green: 33.9%
Blue: 31.6%

CMYK Percentages of Color #838178

Magenta: 1.5%
Yellow: 8.4%
Black: 48.6%

Shades of #838178

Tints of #838178

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

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

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

Background Color #838178

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

The background color of this container is #838178.
Border Color #838178

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

The border color of this container is #838178.
CSS3 Shadow Examples
.textShadowRgb { text-shadow: 4px 4px 2px rgba(131, 129, 120, 0.8); }
.textShadowHex { text-shadow: 4px 4px 2px #838178; }
.divShadow { -moz-box-shadow: 1px 1px 3px #838178;
-webkit-box-shadow: 1px 1px 3px #838178;
box-shadow: 1px 1px 3px #838178; }
                
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 #838178.

Related Colors & Harmonies

Detailed Specifications & Design Guide for #838178 (Concord)

Color Overview & Profile: Color ‎#838178, also known as Concord, is a prominent hue with strong representation in digital UI designs and print graphics. In the sRGB color space, it is composed of 51% Red (131/255), 51% Green (129/255), and 47% Blue (120/255). The primary color family component is GRAY.

Print & Physical Production Specs: For physical print production and offset printing setups, ‎#838178 translates into the CMYK subtractive color model with values of 0% Cyan, 1.5% Magenta, 8.4% Yellow, and 48.6% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 49°, saturation of 4.4%, and lightness of 49.2%.

Web Accessibility & Design Recommendations: When implementing ‎#838178 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 ‎##999966.

Frequently Asked Questions about #838178 (Concord)

What is color code #838178 and its name?
#838178 is named Concord. In the sRGB color space, it consists of Red 131, Green 129, and Blue 120 (RGB: 131, 129, 120).
Is #838178 (Concord) a warm or cool color?
#838178 (Concord) is classified as a Neutral Color Tone with a primary color family component of GRAY.
What hex codes complement and match #838178?
The exact complementary matching hex code for #838178 (Concord) is #787A83.
What is the CMYK print formula for #838178?
For physical print and offset setups, #838178 translates to CMYK values of 0% Cyan, 1.5% Magenta, 8.4% Yellow, and 48.6% Key/Black.
How can I use #838178 in CSS and web design?
Apply `background-color: #838178;` or `color: #838178;` in your CSS stylesheet. Its HSL representation is hue: 49°, saturation: 4.4%, and lightness: 49.2%.
‎#838178 Concord hexcolor for Concord Concord hexcode Shades of #838178 Tints of #838178 Similar Colors to #838178 #838178 Color Combinations #838178 CSS & Web Code #838178 RGB & CMYK Neutral Color Tone
Scroll to Top