Color #AFCBFD

Color info

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

RGB color model

#AFCBFD color RGB value is (175,203,253).

red value is 175;
green value is 203;
blue value is 253.

RGB:
(175,203,253)
(69%,80%,99%)

RGB channels and saturation

R 175 of 255 = 69%
G 203 of 255 = 80%
B 253 of 255 = 99%

175

203

253

R + G + B ~ 83%. #AFCBFD is quite light color.

Portions of RGB colors in percentages

R + G + B =
175 + 203 + 253 = 631 (100%)
R 175 of 631 ~ 27.73%
G 203 of 631 ~ 32.17%
B 253 of 631 ~ 40.1%

%27.73

%32.17

%40.1

CMYK color model

#AFCBFD color CMYK value is (31,20,0,1).

cyan value is 30.83%
magenta value is 19.76%
yellow value is 0.00%
key color value is 0.78%

CMYK:
(31,20,0,1)
C31M20Y0K1 
(31%,20%,0%,1%)
(0.31/0.20/0.00/0.01)

CMYK percentages

%30.83

%19.76

%0.78

Codes

Color #AFCBFD in popluar color models

	AF	CB	FD
RGB	175	203	253
HSL	218°	95.12%	83.92%
HSB/HSV	218°	30.83%	99.22%
CMYK	30.83%	19.76%	0.00%
CMYK	0.78%

Color #AFCBFD in popluar number systems.

HEX	AF	CB	FD
Decimal	175	203	253
Binary	10101111	11001011	11111101
Octal	257	313	375

Shades and tints

Shades of #AFCBFD

#AFCBFD
(175,203,253)

#A0B9E6
(160,185,230)

#91A7CF
(145,167,207)

#8295B8
(130,149,184)

#7383A1
(115,131,161)

#64718A
(100,113,138)

#555F73
(85,95,115)

#464D5C
(70,77,92)

#373B45
(55,59,69)

#28292E
(40,41,46)

#191717
(25,23,23)

#000000
(0,0,0)

Tints of #AFCBFD

#AFCBFD
(175,203,253)

#B6CFFD
(182,207,253)

#BDD3FD
(189,211,253)

#C4D7FD
(196,215,253)

#CBDBFD
(203,219,253)

#D2DFFD
(210,223,253)

#D9E3FD
(217,227,253)

#E0E7FD
(224,231,253)

#E7EBFD
(231,235,253)

#EEEFFD
(238,239,253)

#F5F3FD
(245,243,253)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AFCBFD color. Also use rgb(175,203,253) instead hex code.

Text Font Color

.myTextColor { color: #AFCBFD; }

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

This text font color is #AFCBFD.

Background Color

.myBgColor { background-color: #AFCBFD; }

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

This div background color is #AFCBFD.

Border color

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

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

This div border color is #AFCBFD.

Opacity

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

<p style="color:#AFCBFD;opacity:0.8;">80%</p>

Text with #AFCBFD 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 #AFCBFD;}

<p style="text-shadow: 3px 3px 1px #AFCBFD">Text here.</p>

This text has shadow with #AFCBFD color.

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

<p style="text-shadow: 3px 3px 1px #AFCBFD, 5px 5px 20px red">Text here.</p>

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

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

<p style="filter: Shadow(Color=#AFCBFD, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #AFCBFD.

Preview

Color preview on black background

This text has color #AFCBFD on black background.

Color preview on white background

This text has color #AFCBFD on white background.

Black color preview on #AFCBFD background

This text has black color on #AFCBFD background.

White color preview on #AFCBFD background

This text has white color on #AFCBFD background.