‎#F3DCD9 Angelic

‎#F3DCD9

‎#F3DCD9 (Angelic) RGB value is (243, 220, 217).
Red value is 243, green value is 220, and blue value is 217.
Cylindrical-coordinate representations (HSL) of color ‎#F3DCD9: hue: 7°, saturation: 52%, and lightness: 90.2%.
Process color (CMYK) of ‎#F3DCD9 is 0%, 9.5%, 10.7%, 4.7%. Web safe color equivalent of ‎#F3DCD9 is ‎##FFCCCC. Color #F3DCD9 contains mainly Yellow.

Color Spaces

Color spaces of #F3DCD9 Value
RGB243, 220, 217
HSL7°, 52%, 90.2%
HSV / HSB7°, 10.7%, 95.3%
CMYK0%, 9.5%, 10.7%, 4.7%
XYZ75.08, 75.25, 76.2

Base Numbers

Base Red Green Blue
Binary 11110011 11011100 11011001
Octal 363 334 331
Decimal 243 220 217
Hex F3 DC D9

RGB Percentages for Color #F3DCD9

Red: 35.7%
Green: 32.4%
Blue: 31.9%

CMYK Percentages of Color #F3DCD9

Magenta: 9.5%
Yellow: 10.7%
Black: 4.7%

Shades of #F3DCD9

Tints of #F3DCD9

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

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

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

Background Color #F3DCD9

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

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

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

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

Related Colors & Harmonies

Detailed Specifications & Design Guide for #F3DCD9 (Angelic)

Color Overview & Profile: Color ‎#F3DCD9, also known as Angelic, is a prominent hue with strong representation in digital UI designs and print graphics. In the sRGB color space, it is composed of 95% Red (243/255), 86% Green (220/255), and 85% Blue (217/255). The primary color family component is Yellow.

Print & Physical Production Specs: For physical print production and offset printing setups, ‎#F3DCD9 translates into the CMYK subtractive color model with values of 0% Cyan, 9.5% Magenta, 10.7% Yellow, and 4.7% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 7°, saturation of 52%, and lightness of 90.2%.

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

Frequently Asked Questions about #F3DCD9 (Angelic)

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