‎#6A6362 Folkstone

‎#6A6362

‎#6A6362 (Folkstone) RGB value is (106, 99, 98).
Red value is 106, green value is 99, and blue value is 98.
Cylindrical-coordinate representations (HSL) of color ‎#6A6362: hue: 7°, saturation: 3.9%, and lightness: 40%.
Process color (CMYK) of ‎#6A6362 is 0%, 6.6%, 7.5%, 58.4%. Web safe color equivalent of ‎#6A6362 is ‎##666666. Color #6A6362 contains mainly GRAY.

Color Spaces

Color spaces of #6A6362 Value
RGB106, 99, 98
HSL7°, 3.9%, 40%
HSV / HSB7°, 7.5%, 41.6%
CMYK0%, 6.6%, 7.5%, 58.4%
XYZ12.61, 12.87, 13.37

Base Numbers

Base Red Green Blue
Binary 01101010 01100011 01100010
Octal 152 143 142
Decimal 106 99 98
Hex 6A 63 62

RGB Percentages for Color #6A6362

Red: 35%
Green: 32.7%
Blue: 32.3%

CMYK Percentages of Color #6A6362

Magenta: 6.6%
Yellow: 7.5%
Black: 58.4%

Shades of #6A6362

Tints of #6A6362

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

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

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

Background Color #6A6362

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

The background color of this container is #6A6362.
Border Color #6A6362

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

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

Related Colors & Harmonies

Detailed Specifications & Design Guide for #6A6362 (Folkstone)

Color Overview & Profile: Color ‎#6A6362, also known as Folkstone, is a prominent hue with strong representation in digital UI designs and print graphics. In the sRGB color space, it is composed of 42% Red (106/255), 39% Green (99/255), and 38% Blue (98/255). The primary color family component is GRAY.

Print & Physical Production Specs: For physical print production and offset printing setups, ‎#6A6362 translates into the CMYK subtractive color model with values of 0% Cyan, 6.6% Magenta, 7.5% Yellow, and 58.4% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 7°, saturation of 3.9%, and lightness of 40%.

Web Accessibility & Design Recommendations: When implementing ‎#6A6362 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 #6A6362 (Folkstone)

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