Hex #afd7e1 Color

#afd7e1
equivalent to

RGB

(175, 215, 225)

Details of #afd7e1

RGB
XYZ
HSL
CMYK
CIE-Lab
Yxy
HSV
Hunter Lab
175
55.5702
0.53
0.22
83.5218
63.1511
192°
79.4677
215
63.1511
0.45
0.04
-10.8818
0.2789
22°
-14.2463
225
80.4947
0.78
0.00   0.12
-9.2526
0.3170
88°
-4.4081

Base Numbers

Base
Binary
Octal
Decimal
Hex
Red
10101111
257
175
AF
Green
11010111
327
215
D7
Blue
11100001
341
225
E1

RGB in % of #afd7e1

%28.46
%34.96
%36.59

CMYK in % of #afd7e1

%22
%4
%0
%12

Triads of color #afd7e1

#afd7e1 #d7e1af #e1afe1

Similar Colors to #afd7e1

#afd7e1 #afe1d2 #afbee1

Preview Color #afd7e1 on black ground

#afd7e1 is very interesting for text.

Preview Color #afd7e1 on white ground

#afd7e1 is very interesting for text.

CSS Codes #afd7e1 color

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

Text Font Color #afd7e1

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

This sample text font color is #afd7e1
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 #afd7e1

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

This div background color is #afd7e1


Border Color #afd7e1

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

The color of this border is #afd7e1


Examples Css3

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

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 #afd7e1">Text here</p>
				

The shadow of this text using hex.


Shadow of Div

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

The shadow of div box using color #afd7e1