‎#696957 Aged Jade

‎#696957

‎#696957 (Aged Jade) RGB value is (105, 105, 87).
Red value is 105, green value is 105, and blue value is 87.
Cylindrical-coordinate representations (HSL) of color ‎#696957: hue: 60°, saturation: 9.4%, and lightness: 37.6%.
Process color (CMYK) of ‎#696957 is 0%, 0%, 17.1%, 58.8%. Web safe color equivalent of ‎#696957 is ‎##666666. Color #696957 contains mainly GRAY.

Color Spaces

Color spaces of #696957 Value
RGB105, 105, 87
HSL60°, 9.4%, 37.6%
HSV / HSB60°, 17.1%, 41.2%
CMYK0%, 0%, 17.1%, 58.8%
XYZ12.6, 13.79, 11.01

Base Numbers

Base Red Green Blue
Binary 01101001 01101001 01010111
Octal 151 151 127
Decimal 105 105 87
Hex 69 69 57

RGB Percentages for Color #696957

Red: 35.4%
Green: 35.4%
Blue: 29.3%

CMYK Percentages of Color #696957

Yellow: 17.1%
Black: 58.8%

Shades of #696957

Tints of #696957

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

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

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

Background Color #696957

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

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

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

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

Related Colors & Harmonies

Detailed Specifications & Design Guide for #696957 (Aged Jade)

Color Overview & Profile: Color ‎#696957, also known as Aged Jade, is a prominent hue with strong representation in digital UI designs and print graphics. In the sRGB color space, it is composed of 41% Red (105/255), 41% Green (105/255), and 34% Blue (87/255). The primary color family component is GRAY.

Print & Physical Production Specs: For physical print production and offset printing setups, ‎#696957 translates into the CMYK subtractive color model with values of 0% Cyan, 0% Magenta, 17.1% Yellow, and 58.8% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 60°, saturation of 9.4%, and lightness of 37.6%.

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

Frequently Asked Questions about #696957 (Aged Jade)

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