HEX: #6BE2EB
RGB: (107,226,235)
#6BE2EB contains mainly green and blue colors. Web safe color of #6BE2EB is #66CCFF (or #6CF).
#6BE2EB color RGB value is (107,226,235).
RGB: (107,226,235) (42%,89%,92%)
R 107 of 255 = 42%
G 226 of 255 = 89%
B 235 of 255 = 92%
R + G + B ~ 74%. #6BE2EB is quite light color.
R + G + B =
107 + 226 + 235 = 568 (100%)
R 107 of 568 ~ 18.84%
G 226 of 568 ~ 39.79%
B 235 of 568 ~ 41.37%
#6BE2EB color CMYK value is (54,4,0,8).
CMYK: (54,4,0,8) C54M4Y0K8 (54%,4%,0%,8%) (0.54/0.04/0.00/0.08)
6B | E2 | EB | |
---|---|---|---|
RGB | 107 | 226 | 235 |
HSL | 184° | 76.19% | 67.06% |
HSB/HSV | 184° | 54.47% | 92.16% |
CMYK | 54.47% | 3.83% | 0.00% |
7.84% |
HEX | 6B | E2 | EB |
Decimal | 107 | 226 | 235 |
Binary | 1101011 | 11100010 | 11101011 |
Octal | 153 | 342 | 353 |
Examples of css and html codes for elements with #6BE2EB color. Also use rgb(107,226,235) instead hex code.
.myTextColor { color: #6BE2EB; }
<p style="color:#6BE2EB">This sample text font color is #6BE2EB.</p>
This text font color is #6BE2EB.
.myBgColor { background-color: #6BE2EB; }
<div style="background-color:#6BE2EB">Inner text</div>
This div background color is #6BE2EB.
.myBorderColor { border: 1px solid #6BE2EB; }
<div style="border:3px solid #6BE2EB">Div</div>
This div border color is #6BE2EB.
.myOpacity80 { color: #6BE2EB; opacity: 0.8; }
<p style="color:#6BE2EB;opacity:0.8;">80%</p>
Text with #6BE2EB color and opacity 100% | 80% | 50% | 30%.
.textShadow {text-shadow: 3px 3px 1px #6BE2EB;}
<p style="text-shadow: 3px 3px 1px #6BE2EB">Text here.</p>
This text has shadow with #6BE2EB color.
.textShadow {text-shadow: 3px 3px 1px #6BE2EB, 3px 3px 1px red;}
<p style="text-shadow: 3px 3px 1px #6BE2EB, 5px 5px 20px red">Text here.</p>
This text has shadow with #6BE2EB primary color and red secondary color.
Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#6BE2EB, Direction=45, Strength=4)}
<p style="filter: Shadow(Color=#6BE2EB, Direction=45, Strength=4)">Text</p>
This text has shadow with #6BE2EB and red colors in old Internet Explorer.
/* css code */ .divShadow { -moz-box-shadow: 1px 1px 3px 2px #6BE2EB; -webkit-box-shadow: 1px 1px 3px 2px #6BE2EB; box-shadow: 1px 1px 3px 2px #6BE2EB; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #6BE2EB; -webkit-box-shadow: 1px 1px 3px 2px #6BE2EB; box-shadow:1px 1px 3px 2px #6BE2EB;">
Div content here</div>
This text has color #6BE2EB on black background.
This text has color #6BE2EB on white background.
This text has black color on #6BE2EB background.
This text has white color on #6BE2EB background.