Color #AFD3EF

Color info

#AFD3EF contains mainly green and blue colors. Web safe color of #AFD3EF is #99CCFF (or #9CF).

RGB color model

#AFD3EF color RGB value is (175,211,239).

red value is 175;
green value is 211;
blue value is 239.

RGB: (175,211,239) (69%, 83%, 94%)

RGB channels and saturation

R 175 of 255 = 69%
G 211 of 255 = 83%
B 239 of 255 = 94%

175

211

239

R + G + B ~ 82%. #AFD3EF is quite light color.

Portions of RGB colors in percentages

R + G + B = 175 + 211 + 239 = 625 (100%)
R 175 of 625 ~ 28%
G 211 of 625 ~ 33.76%
B 239 of 625 ~ 38.24'%

%28

%33.76

%38.24

CMYK color model

#AFD3EF color CMYK value is (27,12,0,6).

cyan value is 26.78%
magenta value is 11.72%
yellow value is 0.00%
key color value is 6.27%

CMYK: (27,12,0,6)
C27M12Y0K6 (27%, 12%, 0%, 6%)
(0.27 / 0.12 / 0.00 / 0.06)

CMYK percentages

%26.78

%11.72

%0

%6.27

Codes

Color #AFD3EF in popluar color models

	AF	D3	EF
RGB	175	211	239
HSL	206°	66.67%	81.18%
HSB/HSV	206°	26.78%	93.73%
CMYK	26.78%	11.72%	0.00%
CMYK	6.27%

Color #AFD3EF in popluar number systems.

HEX	AF	D3	EF
Decimal	175	211	239
Binary	10101111	11010011	11101111
Octal	257	323	357

Shades and tints

Shades of #AFD3EF

#AFD3EF
(175,211,239)

#A0C0DA
(160,192,218)

#91ADC5
(145,173,197)

#829AB0
(130,154,176)

#73879B
(115,135,155)

#647486
(100,116,134)

#556171
(85,97,113)

#464E5C
(70,78,92)

#373B47
(55,59,71)

#282832
(40,40,50)

#19151D
(25,21,29)

#000000
(0,0,0)

Tints of #AFD3EF

#AFD3EF
(175,211,239)

#B6D7F0
(182,215,240)

#BDDBF1
(189,219,241)

#C4DFF2
(196,223,242)

#CBE3F3
(203,227,243)

#D2E7F4
(210,231,244)

#D9EBF5
(217,235,245)

#E0EFF6
(224,239,246)

#E7F3F7
(231,243,247)

#EEF7F8
(238,247,248)

#F5FBF9
(245,251,249)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AFD3EF color. Also use rgb(175,211,239) instead hex code.

Text Font Color

.myTextColor { color: #AFD3EF; }

<p style="color:#AFD3EF">This sample text font color is #AFD3EF.</p>

This text font color is #AFD3EF.

Background Color

.myBgColor { background-color: #AFD3EF; }

<div style="background-color:#AFD3EF">Inner text</div>

This div background color is #AFD3EF.

Border color

.myBorderColor { border: 1px solid #AFD3EF; }

This div border color is #AFD3EF.

Opacity

.myOpacity80 { color: #AFD3EF; opacity: 0.8; }

Text with #AFD3EF color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #AFD3EF;}

This text has shadow with #AFD3EF color.

.textShadow {text-shadow: 3px 3px 1px #AFD3EF', 3px 3px 1px red;}

This text has shadow with #AFD3EF primary color and red secondary color.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#AFD3EF, Direction=45, Strength=4)}

This text has shadow with #AFD3EF and red colors in old Internet Explorer.

Div box shadow color

/* css code */
.divShadow
{
-moz-box-shadow: 1px 1px 3px 2px #AFD3EF;
-webkit-box-shadow: 1px 1px 3px 2px #AFD3EF;
box-shadow: 1px 1px 3px 2px #AFD3EF;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #AFD3EF; -webkit-box-shadow: 1px 1px 3px 2px #AFD3EF; box-shadow:1px 1px 3px 2px #AFD3EF;">
Div content here
</div>

This div box has shadow with color #AFD3EF.