‎#ABA29E Ashlite

‎#ABA29E

‎#ABA29E (Ashlite) RGB value is (171, 162, 158).
Red value is 171, green value is 162, and blue value is 158.
Cylindrical-coordinate representations (HSL) of color ‎#ABA29E: hue: 18°, saturation: 7.2%, and lightness: 64.5%.
Process color (CMYK) of ‎#ABA29E is 0%, 5.3%, 7.6%, 32.9%. Web safe color equivalent of ‎#ABA29E is ‎##999999. Color #ABA29E contains mainly GRAY.

Color Spaces

Color spaces of #ABA29E Value
RGB171, 162, 158
HSL18°, 7.2%, 64.5%
HSV / HSB18°, 7.6%, 67.1%
CMYK0%, 5.3%, 7.6%, 32.9%
XYZ35.89, 36.97, 37.59

Base Numbers

Base Red Green Blue
Binary 10101011 10100010 10011110
Octal 253 242 236
Decimal 171 162 158
Hex AB A2 9E

RGB Percentages for Color #ABA29E

Red: 34.8%
Green: 33%
Blue: 32.2%

CMYK Percentages of Color #ABA29E

Magenta: 5.3%
Yellow: 7.6%
Black: 32.9%

Shades of #ABA29E

Tints of #ABA29E

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

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

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

Background Color #ABA29E

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

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

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

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

Related Colors & Harmonies

Detailed Specifications & Design Guide for #ABA29E (Ashlite)

Color Overview & Profile: Color ‎#ABA29E, also known as Ashlite, is a prominent hue with strong representation in digital UI designs and print graphics. In the sRGB color space, it is composed of 67% Red (171/255), 64% Green (162/255), and 62% Blue (158/255). The primary color family component is GRAY.

Print & Physical Production Specs: For physical print production and offset printing setups, ‎#ABA29E translates into the CMYK subtractive color model with values of 0% Cyan, 5.3% Magenta, 7.6% Yellow, and 32.9% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 18°, saturation of 7.2%, and lightness of 64.5%.

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

Frequently Asked Questions about #ABA29E (Ashlite)

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