Color #48AFFA

Color info

#48AFFA contains mainly blue color. Web safe color of #48AFFA is #3399FF (or #39F).

RGB color model

#48AFFA color RGB value is (72,175,250).

red value is 72;
green value is 175;
blue value is 250.

RGB:
(72,175,250)
(28%,69%,98%)

RGB channels and saturation

R 72 of 255 = 28%
G 175 of 255 = 69%
B 250 of 255 = 98%

175

250

R + G + B ~ 65%. #48AFFA is quite light color.

Portions of RGB colors in percentages

R + G + B =
72 + 175 + 250 = 497 (100%)
R 72 of 497 ~ 14.49%
G 175 of 497 ~ 35.21%
B 250 of 497 ~ 50.3%

%14.49

%35.21

%50.3

CMYK color model

#48AFFA color CMYK value is (71,30,0,2).

cyan value is 71.20%
magenta value is 30.00%
yellow value is 0.00%
key color value is 1.96%

CMYK:
(71,30,0,2)
C71M30Y0K2 
(71%,30%,0%,2%)
(0.71/0.30/0.00/0.02)

CMYK percentages

%71.2

%30

%1.96

Codes

Color #48AFFA in popluar color models

	48	AF	FA
RGB	72	175	250
HSL	205°	94.68%	63.14%
HSB/HSV	205°	71.20%	98.04%
CMYK	71.20%	30.00%	0.00%
CMYK	1.96%

Color #48AFFA in popluar number systems.

HEX	48	AF	FA
Decimal	72	175	250
Binary	1001000	10101111	11111010
Octal	110	257	372

Shades and tints

Shades of #48AFFA

#48AFFA
(72,175,250)

#42A0E4
(66,160,228)

#3C91CE
(60,145,206)

#3682B8
(54,130,184)

#3073A2
(48,115,162)

#2A648C
(42,100,140)

#245576
(36,85,118)

#1E4660
(30,70,96)

#18374A
(24,55,74)

#122834
(18,40,52)

#0C191E
(12,25,30)

#000000
(0,0,0)

Tints of #48AFFA

#48AFFA
(72,175,250)

#58B6FA
(88,182,250)

#68BDFA
(104,189,250)

#78C4FA
(120,196,250)

#88CBFA
(136,203,250)

#98D2FA
(152,210,250)

#A8D9FA
(168,217,250)

#B8E0FA
(184,224,250)

#C8E7FA
(200,231,250)

#D8EEFA
(216,238,250)

#E8F5FA
(232,245,250)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #48AFFA color. Also use rgb(72,175,250) instead hex code.

Text Font Color

.myTextColor { color: #48AFFA; }

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

This text font color is #48AFFA.

Background Color

.myBgColor { background-color: #48AFFA; }

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

This div background color is #48AFFA.

Border color

.myBorderColor { border: 1px solid #48AFFA; }

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

This div border color is #48AFFA.

Opacity

.myOpacity80 { color: #48AFFA; opacity: 0.8; }

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

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

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

This text has shadow with #48AFFA color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #48AFFA.

Preview

Color preview on black background

This text has color #48AFFA on black background.

Color preview on white background

This text has color #48AFFA on white background.

Black color preview on #48AFFA background

This text has black color on #48AFFA background.

White color preview on #48AFFA background

This text has white color on #48AFFA background.