HEX: #48ACC3 RGB: (72,172,195)
#48ACC3 contains mainly green and blue colors. Web safe color of #48ACC3 is #3399CC (or #39C).
#48ACC3 color RGB value is (72,172,195).
RGB: (72,172,195) (28%, 67%, 76%)
R 72 of 255 = 28%
G 172 of 255 = 67%
B 195 of 255 = 76%
R + G + B ~ 57%. #48ACC3 is middle color (not dark and not light).
R + G + B = 72 + 172 + 195 = 439 (100%)
R 72 of 439 ~ 16.4%
G 172 of 439 ~ 39.18%
B 195 of 439 ~ 44.42'%
#48ACC3 color CMYK value is (63,12,0,24).
CMYK: (63,12,0,24) C63M12Y0K24 (63%,12%,0%,24%) (0.63/0.12/0.00/0.24)
Color #48ACC3 in popluar color models
| 48 | AC | C3 | |
|---|---|---|---|
| RGB | 72 | 172 | 195 |
| HSL | 191° | 50.62% | 52.35% |
| HSB/HSV | 191° | 63.08% | 76.47% |
| CMYK | 63.08% | 11.79% | 0.00% |
| 23.53% | |||
Color #48ACC3 in popluar number systems.
| HEX | 48 | AC | C3 |
| Decimal | 72 | 172 | 195 |
| Binary | 1001000 | 10101100 | 11000011 |
| Octal | 110 | 254 | 303 |
Shades of #48ACC3
Tints of #48ACC3
Examples of css and html codes for elements with #48ACC3 color. Also use rgb(72,172,195) instead hex code.
.myTextColor { color: #48ACC3; } <p style="color:#48ACC3">This sample text font color is #48ACC3.</p>
This text font color is #48ACC3.
.myBgColor { background-color: #48ACC3; } <div style="background-color:#48ACC3">Inner text</div>
This div background color is #48ACC3.
.myBorderColor { border: 1px solid #48ACC3; } <div style="border:3px solid #48ACC3">Div</div>
This div border color is #48ACC3.
.myOpacity80 { color: #48ACC3; opacity: 0.8; } <p style="color:#48ACC3;opacity:0.8;">80%</p>
Text with #48ACC3 color and opacity 100% | 80% | 50% | 30%.
.textShadow {text-shadow: 3px 3px 1px #48ACC3;} <p style="text-shadow: 3px 3px 1px #48ACC3">Text here.</p>
This text has shadow with #48ACC3 color.
.textShadow {text-shadow: 3px 3px 1px #48ACC3', 3px 3px 1px red;} <p style="text-shadow: 3px 3px 1px #48ACC3, 5px 5px 20px red">Text here.</p>
This text has shadow with #48ACC3 primary color and red secondary color.
Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#48ACC3, Direction=45, Strength=4)}
<p style="filter: Shadow(Color=#48ACC3, Direction=45, Strength=4)">Text</p>
This text has shadow with #48ACC3 and red colors in old Internet Explorer.
/* css code */
.divShadow
{
-moz-box-shadow: 1px 1px 3px 2px #48ACC3;
-webkit-box-shadow: 1px 1px 3px 2px #48ACC3;
box-shadow: 1px 1px 3px 2px #48ACC3;
}
/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #48ACC3; -webkit-box-shadow: 1px 1px 3px 2px #48ACC3; box-shadow:1px 1px 3px 2px #48ACC3;">
Div content here
</div>
This text has color #48ACC3 on black background.
This text has color #48ACC3 on white background.
This text has black color on #48ACC3 background.
This text has white color on #48ACC3 background.
Complementary color for #hex is #B7533C.