‎#D9DBE2 Rivulet

‎#D9DBE2

‎#D9DBE2 (Rivulet) RGB value is (217, 219, 226).
Red value is 217, green value is 219, and blue value is 226.
Cylindrical-coordinate representations (HSL) of color ‎#D9DBE2: hue: 227°, saturation: 13.4%, and lightness: 86.9%.
Process color (CMYK) of ‎#D9DBE2 is 4%, 3.1%, 0%, 11.4%. Web safe color equivalent of ‎#D9DBE2 is ‎##CCCCCC. Color #D9DBE2 contains mainly WHITE.

Color Spaces

Color spaces of #D9DBE2 Value
RGB217, 219, 226
HSL227°, 13.4%, 86.9%
HSV / HSB227°, 4%, 88.6%
CMYK4%, 3.1%, 0%, 11.4%
XYZ67.67, 70.91, 82.06

Base Numbers

Base Red Green Blue
Binary 11011001 11011011 11100010
Octal 331 333 342
Decimal 217 219 226
Hex D9 DB E2

RGB Percentages for Color #D9DBE2

Red: 32.8%
Green: 33.1%
Blue: 34.1%

CMYK Percentages of Color #D9DBE2

Cyan: 4%
Magenta: 3.1%
Black: 11.4%

Shades of #D9DBE2

Tints of #D9DBE2

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

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

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

Background Color #D9DBE2

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

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

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

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

Related Colors & Harmonies

Detailed Specifications & Design Guide for #D9DBE2 (Rivulet)

Color Overview & Profile: Color ‎#D9DBE2, also known as Rivulet, is a prominent hue with strong representation in digital UI designs and print graphics. In the sRGB color space, it is composed of 85% Red (217/255), 86% Green (219/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, ‎#D9DBE2 translates into the CMYK subtractive color model with values of 4% Cyan, 3.1% Magenta, 0% Yellow, and 11.4% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 227°, saturation of 13.4%, and lightness of 86.9%.

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

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