‎#DFDFE2 Ardcoat

‎#DFDFE2

‎#DFDFE2 (Ardcoat) RGB value is (223, 223, 226).
Red value is 223, green value is 223, and blue value is 226.
Cylindrical-coordinate representations (HSL) of color ‎#DFDFE2: hue: 240°, saturation: 4.9%, and lightness: 88%.
Process color (CMYK) of ‎#DFDFE2 is 1.3%, 1.3%, 0%, 11.4%. Web safe color equivalent of ‎#DFDFE2 is ‎##CCCCCC. Color #DFDFE2 contains mainly WHITE.

Color Spaces

Color spaces of #DFDFE2 Value
RGB223, 223, 226
HSL240°, 4.9%, 88%
HSV / HSB240°, 1.3%, 88.6%
CMYK1.3%, 1.3%, 0%, 11.4%
XYZ70.54, 73.95, 82.49

Base Numbers

Base Red Green Blue
Binary 11011111 11011111 11100010
Octal 337 337 342
Decimal 223 223 226
Hex DF DF E2

RGB Percentages for Color #DFDFE2

Red: 33.2%
Green: 33.2%
Blue: 33.6%

CMYK Percentages of Color #DFDFE2

Cyan: 1.3%
Magenta: 1.3%
Black: 11.4%

Shades of #DFDFE2

Tints of #DFDFE2

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

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

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

Background Color #DFDFE2

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

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

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

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

Related Colors & Harmonies

Detailed Specifications & Design Guide for #DFDFE2 (Ardcoat)

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

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

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

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