Color #478692

Color info

#478692 contains mainly green and blue colors. Web safe color of #478692 is #339999 (or #399).

RGB color model

#478692 color RGB value is (71,134,146).

red value is 71;
green value is 134;
blue value is 146.

RGB: (71,134,146) (28%, 53%, 57%)

RGB channels and saturation

R 71 of 255 = 28%
G 134 of 255 = 53%
B 146 of 255 = 57%

71

134

146

R + G + B ~ 46%. #478692 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 71 + 134 + 146 = 351 (100%)
R 71 of 351 ~ 20.23%
G 134 of 351 ~ 38.18%
B 146 of 351 ~ 41.6'%

%20.23

%38.18

%41.6

CMYK color model

#478692 color CMYK value is (51,8,0,43).

cyan value is 51.37%
magenta value is 8.22%
yellow value is 0.00%
key color value is 42.75%

CMYK: (51,8,0,43)
C51M8Y0K43 (51%, 8%, 0%, 43%)
(0.51 / 0.08 / 0.00 / 0.43)

CMYK percentages

%51.37

%8.22

%0

%42.75

Codes

Color #478692 in popluar color models

	47	86	92
RGB	71	134	146
HSL	190°	34.56%	42.55%
HSB/HSV	190°	51.37%	57.25%
CMYK	51.37%	8.22%	0.00%
CMYK	42.75%

Color #478692 in popluar number systems.

HEX	47	86	92
Decimal	71	134	146
Binary	1000111	10000110	10010010
Octal	107	206	222

Shades and tints

Shades of #478692

#478692
(71,134,146)

#417A85
(65,122,133)

#3B6E78
(59,110,120)

#35626B
(53,98,107)

#2F565E
(47,86,94)

#294A51
(41,74,81)

#233E44
(35,62,68)

#1D3237
(29,50,55)

#17262A
(23,38,42)

#111A1D
(17,26,29)

#0B0E10
(11,14,16)

#000000
(0,0,0)

Tints of #478692

#478692
(71,134,146)

#57919B
(87,145,155)

#679CA4
(103,156,164)

#77A7AD
(119,167,173)

#87B2B6
(135,178,182)

#97BDBF
(151,189,191)

#A7C8C8
(167,200,200)

#B7D3D1
(183,211,209)

#C7DEDA
(199,222,218)

#D7E9E3
(215,233,227)

#E7F4EC
(231,244,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #478692 color. Also use rgb(71,134,146) instead hex code.

Text Font Color

.myTextColor { color: #478692; }

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

This text font color is #478692.

Background Color

.myBgColor { background-color: #478692; }

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

This div background color is #478692.

Border color

.myBorderColor { border: 1px solid #478692; }

This div border color is #478692.

Opacity

.myOpacity80 { color: #478692; opacity: 0.8; }

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

This text has shadow with #478692 color.

.textShadow {text-shadow: 3px 3px 1px #478692', 3px 3px 1px red;}

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

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

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

Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #478692; -webkit-box-shadow: 1px 1px 3px 2px #478692; box-shadow:1px 1px 3px 2px #478692;">
Div content here
</div>

This div box has shadow with color #478692.