HEX: #BCEAFF
RGB: (188,234,255)
#BCEAFF contains mainly green and blue colors. Web safe color of #BCEAFF is #CCFFFF (or #CFF).
#BCEAFF color RGB value is (188,234,255).
RGB: (188,234,255) (74%,92%,100%)
R 188 of 255 = 74%
G 234 of 255 = 92%
B 255 of 255 = 100%
R + G + B ~ 89%. #BCEAFF is light color.
R + G + B =
188 + 234 + 255 = 677 (100%)
R 188 of 677 ~ 27.77%
G 234 of 677 ~ 34.56%
B 255 of 677 ~ 37.67%
#BCEAFF color CMYK value is (26,8,0,0).
CMYK: (26,8,0,0) C26M8Y0K0 (26%,8%,0%,0%) (0.26/0.08/0.00/0.00)
BC | EA | FF | |
---|---|---|---|
RGB | 188 | 234 | 255 |
HSL | 199° | 100.00% | 86.86% |
HSB/HSV | 199° | 26.27% | 100.00% |
CMYK | 26.27% | 8.24% | 0.00% |
0.00% |
HEX | BC | EA | FF |
Decimal | 188 | 234 | 255 |
Binary | 10111100 | 11101010 | 11111111 |
Octal | 274 | 352 | 377 |
Examples of css and html codes for elements with #BCEAFF color. Also use rgb(188,234,255) instead hex code.
.myTextColor { color: #BCEAFF; }
<p style="color:#BCEAFF">This sample text font color is #BCEAFF.</p>
This text font color is #BCEAFF.
.myBgColor { background-color: #BCEAFF; }
<div style="background-color:#BCEAFF">Inner text</div>
This div background color is #BCEAFF.
.myBorderColor { border: 1px solid #BCEAFF; }
<div style="border:3px solid #BCEAFF">Div</div>
This div border color is #BCEAFF.
.myOpacity80 { color: #BCEAFF; opacity: 0.8; }
<p style="color:#BCEAFF;opacity:0.8;">80%</p>
Text with #BCEAFF color and opacity 100% | 80% | 50% | 30%.
.textShadow {text-shadow: 3px 3px 1px #BCEAFF;}
<p style="text-shadow: 3px 3px 1px #BCEAFF">Text here.</p>
This text has shadow with #BCEAFF color.
.textShadow {text-shadow: 3px 3px 1px #BCEAFF, 3px 3px 1px red;}
<p style="text-shadow: 3px 3px 1px #BCEAFF, 5px 5px 20px red">Text here.</p>
This text has shadow with #BCEAFF primary color and red secondary color.
Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#BCEAFF, Direction=45, Strength=4)}
<p style="filter: Shadow(Color=#BCEAFF, Direction=45, Strength=4)">Text</p>
This text has shadow with #BCEAFF and red colors in old Internet Explorer.
/* css code */ .divShadow { -moz-box-shadow: 1px 1px 3px 2px #BCEAFF; -webkit-box-shadow: 1px 1px 3px 2px #BCEAFF; box-shadow: 1px 1px 3px 2px #BCEAFF; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #BCEAFF; -webkit-box-shadow: 1px 1px 3px 2px #BCEAFF; box-shadow:1px 1px 3px 2px #BCEAFF;">
Div content here</div>
This text has color #BCEAFF on black background.
This text has color #BCEAFF on white background.
This text has black color on #BCEAFF background.
This text has white color on #BCEAFF background.