COLOR #AFBEEC

HEX: #AFBEEC RGB: (175,190,236)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#AFBEEC color RGB value is (175,190,236).

red value is 175;
green value is 190;
blue value is 236.

RGB: (175,190,236) (69%, 75%, 93%)

RGB channels and saturation

R 175 of 255 = 69%
G 190 of 255 = 75%
B 236 of 255 = 93%

175

190

236

R + G + B ~ 79%. #AFBEEC is quite light color.

Portions of RGB colors in percentages

R + G + B = 175 + 190 + 236 = 601 (100%)
R 175 of 601 ~ 29.12%
G 190 of 601 ~ 31.61%
B 236 of 601 ~ 39.27'%

%29.12

%31.61

%39.27

CMYK color model

#AFBEEC color CMYK value is (26,19,0,7).

cyan value is 25.85%
magenta value is 19.49%
yellow value is 0.00%
key color value is 7.45%

CMYK: (26,19,0,7) C26M19Y0K7 (26%,19%,0%,7%) (0.26/0.19/0.00/0.07)

CMYK percentages

%25.85

%19.49

%7.45

Codes

Color #AFBEEC in popluar color models

	AF	BE	EC
RGB	175	190	236
HSL	225°	61.62%	80.59%
HSB/HSV	225°	25.85%	92.55%
CMYK	25.85%	19.49%	0.00%
CMYK	7.45%

Color #AFBEEC in popluar number systems.

HEX	AF	BE	EC
Decimal	175	190	236
Binary	10101111	10111110	11101100
Octal	257	276	354

Shades and tints

Shades of #AFBEEC

#AFBEEC
(175,190,236)

#A0ADD7
(160,173,215)

#919CC2
(145,156,194)

#828BAD
(130,139,173)

#737A98
(115,122,152)

#646983
(100,105,131)

#55586E
(85,88,110)

#464759
(70,71,89)

#373644
(55,54,68)

#28252F
(40,37,47)

#19141A
(25,20,26)

#000000
(0,0,0)

Tints of #AFBEEC

#AFBEEC
(175,190,236)

#B6C3ED
(182,195,237)

#BDC8EE
(189,200,238)

#C4CDEF
(196,205,239)

#CBD2F0
(203,210,240)

#D2D7F1
(210,215,241)

#D9DCF2
(217,220,242)

#E0E1F3
(224,225,243)

#E7E6F4
(231,230,244)

#EEEBF5
(238,235,245)

#F5F0F6
(245,240,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AFBEEC color. Also use rgb(175,190,236) instead hex code.

Text Font Color

.myTextColor { color: #AFBEEC; }

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

This text font color is #AFBEEC.

Background Color

.myBgColor { background-color: #AFBEEC; }

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

This div background color is #AFBEEC.

Border color

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

This div border color is #AFBEEC.

Opacity

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

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

This text has shadow with #AFBEEC color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AFBEEC.