COLOR #73EFEC

HEX: #73EFEC
RGB: (115,239,236)

Color info

#73EFEC contains mainly green and blue colors. Web safe color of #73EFEC is #66FFFF (or #6FF).

RGB color model

#73EFEC color RGB value is (115,239,236).

  • red value is 115;
  • green value is 239;
  • blue value is 236.
RGB:
(115,239,236)
(45%,94%,93%)

RGB channels and saturation

R 115 of 255 = 45%
G 239 of 255 = 94%
B 236 of 255 = 93%

115
239
236

R + G + B ~ 77%. #73EFEC is quite light color.

Portions of RGB colors in percentages

R + G + B =
115 + 239 + 236 = 590 (100%)
R 115 of 590 ~ 19.49%
G 239 of 590 ~ 40.51%
B 236 of 590 ~ 40%

%19.49
%40.51
%40

CMYK color model

#73EFEC color CMYK value is (52,0,1,6).

  • cyan value is 51.88%
  • magenta value is 0.00%
  • yellow value is 1.26%
  • key color value is 6.27%
CMYK:
(52,0,1,6)
C52M0Y1K6 
(52%,0%,1%,6%)
(0.52/0.00/0.01/0.06)	

CMYK percentages

%51.88
%0
%1.26
%6.27

Codes

Color #73EFEC in popluar color models

73EFEC
RGB115239236
HSL179°79.49%69.41%
HSB/HSV179°51.88%93.73%
CMYK51.88%0.00%1.26%
6.27%

Color #73EFEC in popluar number systems.

HEX73EFEC
Decimal115239236
Binary11100111110111111101100
Octal163357354

Shades and tints

Shades of #73EFEC

#73EFEC
(115,239,236)
#69DAD7
(105,218,215)
#5FC5C2
(95,197,194)
#55B0AD
(85,176,173)
#4B9B98
(75,155,152)
#418683
(65,134,131)
#37716E
(55,113,110)
#2D5C59
(45,92,89)
#234744
(35,71,68)
#19322F
(25,50,47)
#0F1D1A
(15,29,26)
#000000
(0,0,0)

Tints of #73EFEC

#73EFEC
(115,239,236)
#7FF0ED
(127,240,237)
#8BF1EE
(139,241,238)
#97F2EF
(151,242,239)
#A3F3F0
(163,243,240)
#AFF4F1
(175,244,241)
#BBF5F2
(187,245,242)
#C7F6F3
(199,246,243)
#D3F7F4
(211,247,244)
#DFF8F5
(223,248,245)
#EBF9F6
(235,249,246)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #73EFEC color. Also use rgb(115,239,236) instead hex code.

Text Font Color

.myTextColor { color: #73EFEC; }

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

This text font color is #73EFEC.


Background Color

.myBgColor { background-color: #73EFEC; }

<div style="background-color:#73EFEC">Inner text</div>

This div background color is #73EFEC.


Border color

.myBorderColor { border: 1px solid #73EFEC; }

<div style="border:3px solid #73EFEC">Div</div>

This div border color is #73EFEC.


Opacity

.myOpacity80 { color: #73EFEC; opacity: 0.8; }

<p style="color:#73EFEC;opacity:0.8;">80%</p>

Text with #73EFEC 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 #73EFEC;}

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

This text has shadow with #73EFEC color.

.textShadow {text-shadow: 3px 3px 1px #73EFEC, 3px 3px 1px red;}

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

This text has shadow with #73EFEC primary color and red secondary color.


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

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

This text has shadow with #73EFEC and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #73EFEC on black background.


Color preview on white background

This text has color #73EFEC on white background.



Black color preview on #73EFEC background

This text has black color on #73EFEC background.


White color preview on #73EFEC background

This text has white color on #73EFEC background.