Hex #ddedf1 Color

#ddedf1
equivalent to

RGB

(221, 237, 241)

Details of #ddedf1

RGB
XYZ
HSL
CMYK
CIE-Lab
Yxy
HSV
Hunter Lab
221
75.9802
0.53
0.08
92.7033
82.2914
192°
90.7146
237
82.2914
0.42
0.02
-4.5068
0.2999
-9.2432
241
95.0983
0.91
0.00   0.05
-3.7569
0.3248
95°
1.3665

Base Numbers

Base
Binary
Octal
Decimal
Hex
Red
11011101
335
221
DD
Green
11101101
355
237
ED
Blue
11110001
361
241
F1

RGB in % of #ddedf1

%31.62
%33.91
%34.48

CMYK in % of #ddedf1

%8
%2
%0
%5

Triads of color #ddedf1

#ddedf1 #edf1dd #f1ddf1

Similar Colors to #ddedf1

#ddedf1 #ddf1eb #dde3f1

Preview Color #ddedf1 on black ground

#ddedf1 is very interesting for text.

Preview Color #ddedf1 on white ground

#ddedf1 is very interesting for text.

CSS Codes #ddedf1 color

.mybgcolor {background-color:#ddedf1; }
.myforecolor {color:#ddedf1; }
.mybordercolor {border:3px solid #ddedf1; }

Text Font Color #ddedf1

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

This sample text font color is #ddedf1
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Background Color #ddedf1

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

This div background color is #ddedf1


Border Color #ddedf1

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

The color of this border is #ddedf1


Examples Css3

.textShadowRgb {text-shadow: 4px 4px 2px rgba(0,0,0, 0.8); } 
.textShadowHex { 
text-shadow: 4px 4px 2px #ddedf1; }
.divShadow { 
-moz-box-shadow: 1px 1px 3px 2px #ddedf1;
-webkit-box-shadow: 1px 1px 3px 2px #ddedf1;
box-shadow:         1px 1px 3px 2px #ddedf1; }
				

Text Shadow using RGB

<p style="text-shadow: 4px 4px 2px rgba(0,0,0, 0.8);">Text here</p>
				

The shadow of this text using RGB.


Text Shadow using Hex

<p style="text-shadow: 4px 4px 2px #ddedf1">Text here</p>
				

The shadow of this text using hex.


Shadow of Div

<div style="-moz-box-shadow: 1px 1px 3px 2px #ddedf1;
  -webkit-box-shadow: 1px 1px 3px 2px #ddedf1;
  box-shadow:         1px 1px 3px 2px #ddedf1;">
Div content here</div>

The shadow of div box using color #ddedf1