‎#D7DFDC Mystic

‎#D7DFDC

‎#D7DFDC (Mystic) RGB value is (215, 223, 220).
Red value is 215, green value is 223, and blue value is 220.
Cylindrical-coordinate representations (HSL) of color ‎#D7DFDC: hue: 158°, saturation: 11.1%, and lightness: 85.9%.
Process color (CMYK) of ‎#D7DFDC is 3.6%, 0%, 1.3%, 12.5%. Web safe color equivalent of ‎#D7DFDC is ‎##CCCCCC. Color #D7DFDC contains mainly WHITE.

Color Spaces

Color spaces of #D7DFDC Value
RGB215, 223, 220
HSL158°, 11.1%, 85.9%
HSV / HSB158°, 3.6%, 87.5%
CMYK3.6%, 0%, 1.3%, 12.5%
XYZ67.33, 72.39, 78.12

Base Numbers

Base Red Green Blue
Binary 11010111 11011111 11011100
Octal 327 337 334
Decimal 215 223 220
Hex D7 DF DC

RGB Percentages for Color #D7DFDC

Red: 32.7%
Green: 33.9%
Blue: 33.4%

CMYK Percentages of Color #D7DFDC

Cyan: 3.6%
Yellow: 1.3%
Black: 12.5%

Shades of #D7DFDC

Tints of #D7DFDC

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

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

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

Background Color #D7DFDC

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

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

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

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

Related Colors & Harmonies

Detailed Specifications & Design Guide for #D7DFDC (Mystic)

Color Overview & Profile: Color ‎#D7DFDC, also known as Mystic, is a prominent hue with strong representation in digital UI designs and print graphics. In the sRGB color space, it is composed of 84% Red (215/255), 87% Green (223/255), and 86% Blue (220/255). The primary color family component is WHITE.

Print & Physical Production Specs: For physical print production and offset printing setups, ‎#D7DFDC translates into the CMYK subtractive color model with values of 3.6% Cyan, 0% Magenta, 1.3% Yellow, and 12.5% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 158°, saturation of 11.1%, and lightness of 85.9%.

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

Frequently Asked Questions about #D7DFDC (Mystic)

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