Color #AFEAFB

Color info

#AFEAFB contains mainly green and blue colors. Web safe color of #AFEAFB is #99FFFF (or #9FF).

RGB color model

#AFEAFB color RGB value is (175,234,251).

red value is 175;
green value is 234;
blue value is 251.

RGB: (175,234,251) (69%, 92%, 98%)

RGB channels and saturation

R 175 of 255 = 69%
G 234 of 255 = 92%
B 251 of 255 = 98%

175

234

251

R + G + B ~ 86%. #AFEAFB is light color.

Portions of RGB colors in percentages

R + G + B = 175 + 234 + 251 = 660 (100%)
R 175 of 660 ~ 26.52%
G 234 of 660 ~ 35.45%
B 251 of 660 ~ 38.03'%

%26.52

%35.45

%38.03

CMYK color model

#AFEAFB color CMYK value is (30,7,0,2).

cyan value is 30.28%
magenta value is 6.77%
yellow value is 0.00%
key color value is 1.57%

CMYK: (30,7,0,2)
C30M7Y0K2 (30%, 7%, 0%, 2%)
(0.30 / 0.07 / 0.00 / 0.02)

CMYK percentages

%30.28

%6.77

%0

%1.57

Codes

Color #AFEAFB in popluar color models

	AF	EA	FB
RGB	175	234	251
HSL	193°	90.48%	83.53%
HSB/HSV	193°	30.28%	98.43%
CMYK	30.28%	6.77%	0.00%
CMYK	1.57%

Color #AFEAFB in popluar number systems.

HEX	AF	EA	FB
Decimal	175	234	251
Binary	10101111	11101010	11111011
Octal	257	352	373

Shades and tints

Shades of #AFEAFB

#AFEAFB
(175,234,251)

#A0D5E5
(160,213,229)

#91C0CF
(145,192,207)

#82ABB9
(130,171,185)

#7396A3
(115,150,163)

#64818D
(100,129,141)

#556C77
(85,108,119)

#465761
(70,87,97)

#37424B
(55,66,75)

#282D35
(40,45,53)

#19181F
(25,24,31)

#000000
(0,0,0)

Tints of #AFEAFB

#AFEAFB
(175,234,251)

#B6EBFB
(182,235,251)

#BDECFB
(189,236,251)

#C4EDFB
(196,237,251)

#CBEEFB
(203,238,251)

#D2EFFB
(210,239,251)

#D9F0FB
(217,240,251)

#E0F1FB
(224,241,251)

#E7F2FB
(231,242,251)

#EEF3FB
(238,243,251)

#F5F4FB
(245,244,251)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AFEAFB color. Also use rgb(175,234,251) instead hex code.

Text Font Color

.myTextColor { color: #AFEAFB; }

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

This text font color is #AFEAFB.

Background Color

.myBgColor { background-color: #AFEAFB; }

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

This div background color is #AFEAFB.

Border color

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

This div border color is #AFEAFB.

Opacity

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

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

This text has shadow with #AFEAFB color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AFEAFB.