#D2E3F6 Color Information


In the RGB color space, #D2E3F6 is composed of 82.3529% red, 89.0196% green, and 96.4706% blue.

In the CMYK color space, #D2E3F6 is composed of 14.64% cyan, 7.72% magenta, 0% yellow, and 3.53% black,

It has a hue angle of 211.7 degrees, a saturation of 66.67%, and a lightness of 89.41%.

The closest websafe color is #CCCCFF.

#D2E3F6 RGB Values

#D2E3F6 CMYK Values



#D2E3F6 Color Conversion


The hexadecimal color #D2E3F6 has RGB values of R:210, G:227, B:246 and CMYK values of C:14.64, M:7.72, Y:0, K:3.53. It has a decimal value of 13820918.


Hexadecimal #D2E3F6 #D2E3F6
RGB Decimal 210, 227, 246 rgb(210, 227, 246)
RGB Percent 82.3529, 89.0196, 96.4706 rgb(82.3529%, 89.0196%, 96.4706%)
RGB Proportion 0.8235, 0.8902, 0.9647 rgb(0.8235, 0.8902, 0.9647)
CMYK 14.64, 7.72, 0, 3.53
HSL 211.7ยบ, 66.67, 89.41 hsl(211.7, 66.67%, 89.41%)
Websafe CCCCFF #CCCCFF
XYZ 70.68, 75.293, 97.995
Yxy 75.293, 0.29, 0.309
CIE-LAB 89.53, -1.88, -11.15
CIE-LCH 89.53, 11.307, 260.429
CIE-LUV 89.53, -10.022, -17.205
Hunter-Lab 86.772, -6.453, -6.219

Color Schemes For #D2E3F6


Colors that go well with #D2E3F6.

Complementary Color
Analogous Colors
Triadic Colors
Split Complementary Color
Tetradic Colors
Monochromatic

Alternatives to #D2E3F6


Colors similar to #D2E3F6.


#D2E3F6 Preview


Common HTML and CSS shortcodes for #D2E3F6.

Text with color #D2E3F6


The quick brown fox jumps over the lazy dog.

<div style="color: #D2E3F6;">The quick brown fox jumps over the lazy dog.</div>

#D2E3F6 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #D2E3F6;">The quick brown fox jumps over the lazy dog.</div>

Border with #D2E3F6


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #D2E3F6;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #D2E3F6


Linear gradient from #D2E3F6 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#D2E3F6, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #D2E3F6


Radial gradient from #D2E3F6 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#D2E3F6, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #D2E3F6 and its Complementary Color


Linear gradient from #D2E3F6 to #2D1C09.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#D2E3F6, #2D1C09);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #D2E3F6 and its Complementary Color


Radial gradient from #D2E3F6 to #2D1C09.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#D2E3F6, #2D1C09);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #D2E3F6; } .background { background-color: #D2E3F6; } .border { border: 1px solid #D2E3F6; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #D2E3F6


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #040404 while the lightest tint is #FEFEFE.

Shades


Tints

Random Colors