COLOR #47BDAF

HEX: #47BDAF
RGB: (71,189,175)

Color info

#47BDAF contains mainly green and blue colors. Web safe color of #47BDAF is #33CC99 (or #3C9).

RGB color model

#47BDAF color RGB value is (71,189,175).

  • red value is 71;
  • green value is 189;
  • blue value is 175.
RGB:
(71,189,175)
(28%,74%,69%)

RGB channels and saturation

R 71 of 255 = 28%
G 189 of 255 = 74%
B 175 of 255 = 69%

71
189
175

R + G + B ~ 57%. #47BDAF is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
71 + 189 + 175 = 435 (100%)
R 71 of 435 ~ 16.32%
G 189 of 435 ~ 43.45%
B 175 of 435 ~ 40.23%

%16.32
%43.45
%40.23

CMYK color model

#47BDAF color CMYK value is (62,0,7,26).

  • cyan value is 62.43%
  • magenta value is 0.00%
  • yellow value is 7.41%
  • key color value is 25.88%
CMYK:
(62,0,7,26)
C62M0Y7K26 
(62%,0%,7%,26%)
(0.62/0.00/0.07/0.26)	

CMYK percentages

%62.43
%0
%7.41
%25.88

Codes

Color #47BDAF in popluar color models

47BDAF
RGB71189175
HSL173°47.20%50.98%
HSB/HSV173°62.43%74.12%
CMYK62.43%0.00%7.41%
25.88%

Color #47BDAF in popluar number systems.

HEX47BDAF
Decimal71189175
Binary10001111011110110101111
Octal107275257

Shades and tints

Shades of #47BDAF

#47BDAF
(71,189,175)
#41ACA0
(65,172,160)
#3B9B91
(59,155,145)
#358A82
(53,138,130)
#2F7973
(47,121,115)
#296864
(41,104,100)
#235755
(35,87,85)
#1D4646
(29,70,70)
#173537
(23,53,55)
#112428
(17,36,40)
#0B1319
(11,19,25)
#000000
(0,0,0)

Tints of #47BDAF

#47BDAF
(71,189,175)
#57C3B6
(87,195,182)
#67C9BD
(103,201,189)
#77CFC4
(119,207,196)
#87D5CB
(135,213,203)
#97DBD2
(151,219,210)
#A7E1D9
(167,225,217)
#B7E7E0
(183,231,224)
#C7EDE7
(199,237,231)
#D7F3EE
(215,243,238)
#E7F9F5
(231,249,245)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #47BDAF color. Also use rgb(71,189,175) instead hex code.

Text Font Color

.myTextColor { color: #47BDAF; }

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

This text font color is #47BDAF.


Background Color

.myBgColor { background-color: #47BDAF; }

<div style="background-color:#47BDAF">Inner text</div>

This div background color is #47BDAF.


Border color

.myBorderColor { border: 1px solid #47BDAF; }

<div style="border:3px solid #47BDAF">Div</div>

This div border color is #47BDAF.


Opacity

.myOpacity80 { color: #47BDAF; opacity: 0.8; }

<p style="color:#47BDAF;opacity:0.8;">80%</p>

Text with #47BDAF 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 #47BDAF;}

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

This text has shadow with #47BDAF color.

.textShadow {text-shadow: 3px 3px 1px #47BDAF, 3px 3px 1px red;}

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

This text has shadow with #47BDAF primary color and red secondary color.


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

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

This text has shadow with #47BDAF and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #47BDAF on black background.


Color preview on white background

This text has color #47BDAF on white background.



Black color preview on #47BDAF background

This text has black color on #47BDAF background.


White color preview on #47BDAF background

This text has white color on #47BDAF background.