COLOR #93EEF0

HEX: #93EEF0
RGB: (147,238,240)

Color info

#93EEF0 contains mainly green and blue colors. Web safe color of #93EEF0 is #99FFFF (or #9FF).

RGB color model

#93EEF0 color RGB value is (147,238,240).

  • red value is 147;
  • green value is 238;
  • blue value is 240.
RGB:
(147,238,240)
(58%,93%,94%)

RGB channels and saturation

R 147 of 255 = 58%
G 238 of 255 = 93%
B 240 of 255 = 94%

147
238
240

R + G + B ~ 82%. #93EEF0 is quite light color.

Portions of RGB colors in percentages

R + G + B =
147 + 238 + 240 = 625 (100%)
R 147 of 625 ~ 23.52%
G 238 of 625 ~ 38.08%
B 240 of 625 ~ 38.4%

%23.52
%38.08
%38.4

CMYK color model

#93EEF0 color CMYK value is (39,1,0,6).

  • cyan value is 38.75%
  • magenta value is 0.83%
  • yellow value is 0.00%
  • key color value is 5.88%
CMYK:
(39,1,0,6)
C39M1Y0K6 
(39%,1%,0%,6%)
(0.39/0.01/0.00/0.06)	

CMYK percentages

%38.75
%0.83
%0
%5.88

Codes

Color #93EEF0 in popluar color models

93EEF0
RGB147238240
HSL181°75.61%75.88%
HSB/HSV181°38.75%94.12%
CMYK38.75%0.83%0.00%
5.88%

Color #93EEF0 in popluar number systems.

HEX93EEF0
Decimal147238240
Binary100100111110111011110000
Octal223356360

Shades and tints

Shades of #93EEF0

#93EEF0
(147,238,240)
#86D9DB
(134,217,219)
#79C4C6
(121,196,198)
#6CAFB1
(108,175,177)
#5F9A9C
(95,154,156)
#528587
(82,133,135)
#457072
(69,112,114)
#385B5D
(56,91,93)
#2B4648
(43,70,72)
#1E3133
(30,49,51)
#111C1E
(17,28,30)
#000000
(0,0,0)

Tints of #93EEF0

#93EEF0
(147,238,240)
#9CEFF1
(156,239,241)
#A5F0F2
(165,240,242)
#AEF1F3
(174,241,243)
#B7F2F4
(183,242,244)
#C0F3F5
(192,243,245)
#C9F4F6
(201,244,246)
#D2F5F7
(210,245,247)
#DBF6F8
(219,246,248)
#E4F7F9
(228,247,249)
#EDF8FA
(237,248,250)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #93EEF0 color. Also use rgb(147,238,240) instead hex code.

Text Font Color

.myTextColor { color: #93EEF0; }

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

This text font color is #93EEF0.


Background Color

.myBgColor { background-color: #93EEF0; }

<div style="background-color:#93EEF0">Inner text</div>

This div background color is #93EEF0.


Border color

.myBorderColor { border: 1px solid #93EEF0; }

<div style="border:3px solid #93EEF0">Div</div>

This div border color is #93EEF0.


Opacity

.myOpacity80 { color: #93EEF0; opacity: 0.8; }

<p style="color:#93EEF0;opacity:0.8;">80%</p>

Text with #93EEF0 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 #93EEF0;}

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

This text has shadow with #93EEF0 color.

.textShadow {text-shadow: 3px 3px 1px #93EEF0, 3px 3px 1px red;}

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

This text has shadow with #93EEF0 primary color and red secondary color.


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

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

This text has shadow with #93EEF0 and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #93EEF0 on black background.


Color preview on white background

This text has color #93EEF0 on white background.



Black color preview on #93EEF0 background

This text has black color on #93EEF0 background.


White color preview on #93EEF0 background

This text has white color on #93EEF0 background.