COLOR #94BBEF

HEX: #94BBEF
RGB: (148,187,239)

Color info

#94BBEF contains mainly green and blue colors. Web safe color of #94BBEF is #99CCFF (or #9CF).

RGB color model

#94BBEF color RGB value is (148,187,239).

  • red value is 148;
  • green value is 187;
  • blue value is 239.
RGB:
(148,187,239)
(58%,73%,94%)

RGB channels and saturation

R 148 of 255 = 58%
G 187 of 255 = 73%
B 239 of 255 = 94%

148
187
239

R + G + B ~ 75%. #94BBEF is quite light color.

Portions of RGB colors in percentages

R + G + B =
148 + 187 + 239 = 574 (100%)
R 148 of 574 ~ 25.78%
G 187 of 574 ~ 32.58%
B 239 of 574 ~ 41.64%

%25.78
%32.58
%41.64

CMYK color model

#94BBEF color CMYK value is (38,22,0,6).

  • cyan value is 38.08%
  • magenta value is 21.76%
  • yellow value is 0.00%
  • key color value is 6.27%
CMYK:
(38,22,0,6)
C38M22Y0K6 
(38%,22%,0%,6%)
(0.38/0.22/0.00/0.06)	

CMYK percentages

%38.08
%21.76
%0
%6.27

Codes

Color #94BBEF in popluar color models

94BBEF
RGB148187239
HSL214°73.98%75.88%
HSB/HSV214°38.08%93.73%
CMYK38.08%21.76%0.00%
6.27%

Color #94BBEF in popluar number systems.

HEX94BBEF
Decimal148187239
Binary100101001011101111101111
Octal224273357

Shades and tints

Shades of #94BBEF

#94BBEF
(148,187,239)
#87AADA
(135,170,218)
#7A99C5
(122,153,197)
#6D88B0
(109,136,176)
#60779B
(96,119,155)
#536686
(83,102,134)
#465571
(70,85,113)
#39445C
(57,68,92)
#2C3347
(44,51,71)
#1F2232
(31,34,50)
#12111D
(18,17,29)
#000000
(0,0,0)

Tints of #94BBEF

#94BBEF
(148,187,239)
#9DC1F0
(157,193,240)
#A6C7F1
(166,199,241)
#AFCDF2
(175,205,242)
#B8D3F3
(184,211,243)
#C1D9F4
(193,217,244)
#CADFF5
(202,223,245)
#D3E5F6
(211,229,246)
#DCEBF7
(220,235,247)
#E5F1F8
(229,241,248)
#EEF7F9
(238,247,249)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #94BBEF color. Also use rgb(148,187,239) instead hex code.

Text Font Color

.myTextColor { color: #94BBEF; }

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

This text font color is #94BBEF.


Background Color

.myBgColor { background-color: #94BBEF; }

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

This div background color is #94BBEF.


Border color

.myBorderColor { border: 1px solid #94BBEF; }

<div style="border:3px solid #94BBEF">Div</div>

This div border color is #94BBEF.


Opacity

.myOpacity80 { color: #94BBEF; opacity: 0.8; }

<p style="color:#94BBEF;opacity:0.8;">80%</p>

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

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

This text has shadow with #94BBEF color.

.textShadow {text-shadow: 3px 3px 1px #94BBEF, 3px 3px 1px red;}

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

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


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

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

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


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #94BBEF;
-webkit-box-shadow: 1px 1px 3px 2px #94BBEF;
box-shadow:1px 1px 3px 2px #94BBEF;">
Div content here</div>
This div box has shadow with color #94BBEF.

Preview

Color preview on black background

This text has color #94BBEF on black background.


Color preview on white background

This text has color #94BBEF on white background.



Black color preview on #94BBEF background

This text has black color on #94BBEF background.


White color preview on #94BBEF background

This text has white color on #94BBEF background.