COLOR #49CFC3

HEX: #49CFC3
RGB: (73,207,195)

Color info

#49CFC3 contains mainly green and blue colors. Web safe color of #49CFC3 is #33CCCC (or #3CC).

RGB color model

#49CFC3 color RGB value is (73,207,195).

  • red value is 73;
  • green value is 207;
  • blue value is 195.
RGB:
(73,207,195)
(29%,81%,76%)

RGB channels and saturation

R 73 of 255 = 29%
G 207 of 255 = 81%
B 195 of 255 = 76%

73
207
195

R + G + B ~ 62%. #49CFC3 is quite light color.

Portions of RGB colors in percentages

R + G + B =
73 + 207 + 195 = 475 (100%)
R 73 of 475 ~ 15.37%
G 207 of 475 ~ 43.58%
B 195 of 475 ~ 41.05%

%15.37
%43.58
%41.05

CMYK color model

#49CFC3 color CMYK value is (65,0,6,19).

  • cyan value is 64.73%
  • magenta value is 0.00%
  • yellow value is 5.80%
  • key color value is 18.82%
CMYK:
(65,0,6,19)
C65M0Y6K19 
(65%,0%,6%,19%)
(0.65/0.00/0.06/0.19)	

CMYK percentages

%64.73
%0
%5.8
%18.82

Codes

Color #49CFC3 in popluar color models

49CFC3
RGB73207195
HSL175°58.26%54.90%
HSB/HSV175°64.73%81.18%
CMYK64.73%0.00%5.80%
18.82%

Color #49CFC3 in popluar number systems.

HEX49CFC3
Decimal73207195
Binary10010011100111111000011
Octal111317303

Shades and tints

Shades of #49CFC3

#49CFC3
(73,207,195)
#43BDB2
(67,189,178)
#3DABA1
(61,171,161)
#379990
(55,153,144)
#31877F
(49,135,127)
#2B756E
(43,117,110)
#25635D
(37,99,93)
#1F514C
(31,81,76)
#193F3B
(25,63,59)
#132D2A
(19,45,42)
#0D1B19
(13,27,25)
#000000
(0,0,0)

Tints of #49CFC3

#49CFC3
(73,207,195)
#59D3C8
(89,211,200)
#69D7CD
(105,215,205)
#79DBD2
(121,219,210)
#89DFD7
(137,223,215)
#99E3DC
(153,227,220)
#A9E7E1
(169,231,225)
#B9EBE6
(185,235,230)
#C9EFEB
(201,239,235)
#D9F3F0
(217,243,240)
#E9F7F5
(233,247,245)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #49CFC3 color. Also use rgb(73,207,195) instead hex code.

Text Font Color

.myTextColor { color: #49CFC3; }

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

This text font color is #49CFC3.


Background Color

.myBgColor { background-color: #49CFC3; }

<div style="background-color:#49CFC3">Inner text</div>

This div background color is #49CFC3.


Border color

.myBorderColor { border: 1px solid #49CFC3; }

<div style="border:3px solid #49CFC3">Div</div>

This div border color is #49CFC3.


Opacity

.myOpacity80 { color: #49CFC3; opacity: 0.8; }

<p style="color:#49CFC3;opacity:0.8;">80%</p>

Text with #49CFC3 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 #49CFC3;}

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

This text has shadow with #49CFC3 color.

.textShadow {text-shadow: 3px 3px 1px #49CFC3, 3px 3px 1px red;}

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

This text has shadow with #49CFC3 primary color and red secondary color.


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

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

This text has shadow with #49CFC3 and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #49CFC3 on black background.


Color preview on white background

This text has color #49CFC3 on white background.



Black color preview on #49CFC3 background

This text has black color on #49CFC3 background.


White color preview on #49CFC3 background

This text has white color on #49CFC3 background.