Color #428F71

Color info

#428F71 contains mainly green and blue colors. Web safe color of #428F71 is #339966 (or #396).

RGB color model

#428F71 color RGB value is (66,143,113).

red value is 66;
green value is 143;
blue value is 113.

RGB: (66,143,113) (26%, 56%, 44%)

RGB channels and saturation

R 66 of 255 = 26%
G 143 of 255 = 56%
B 113 of 255 = 44%

66

143

113

R + G + B ~ 42%. #428F71 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 66 + 143 + 113 = 322 (100%)
R 66 of 322 ~ 20.5%
G 143 of 322 ~ 44.41%
B 113 of 322 ~ 35.09'%

%20.5

%44.41

%35.09

CMYK color model

#428F71 color CMYK value is (54,0,21,44).

cyan value is 53.85%
magenta value is 0.00%
yellow value is 20.98%
key color value is 43.92%

CMYK: (54,0,21,44)
C54M0Y21K44 (54%, 0%, 21%, 44%)
(0.54 / 0.00 / 0.21 / 0.44)

CMYK percentages

%53.85

%0

%20.98

%43.92

Codes

Color #428F71 in popluar color models

	42	8F	71
RGB	66	143	113
HSL	157°	36.84%	40.98%
HSB/HSV	157°	53.85%	56.08%
CMYK	53.85%	0.00%	20.98%
CMYK	43.92%

Color #428F71 in popluar number systems.

HEX	42	8F	71
Decimal	66	143	113
Binary	1000010	10001111	1110001
Octal	102	217	161

Shades and tints

Shades of #428F71

#428F71
(66,143,113)

#3C8267
(60,130,103)

#36755D
(54,117,93)

#306853
(48,104,83)

#2A5B49
(42,91,73)

#244E3F
(36,78,63)

#1E4135
(30,65,53)

#18342B
(24,52,43)

#122721
(18,39,33)

#0C1A17
(12,26,23)

#060D0D
(6,13,13)

#000000
(0,0,0)

Tints of #428F71

#428F71
(66,143,113)

#53997D
(83,153,125)

#64A389
(100,163,137)

#75AD95
(117,173,149)

#86B7A1
(134,183,161)

#97C1AD
(151,193,173)

#A8CBB9
(168,203,185)

#B9D5C5
(185,213,197)

#CADFD1
(202,223,209)

#DBE9DD
(219,233,221)

#ECF3E9
(236,243,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #428F71 color. Also use rgb(66,143,113) instead hex code.

Text Font Color

.myTextColor { color: #428F71; }

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

This text font color is #428F71.

Background Color

.myBgColor { background-color: #428F71; }

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

This div background color is #428F71.

Border color

.myBorderColor { border: 1px solid #428F71; }

This div border color is #428F71.

Opacity

.myOpacity80 { color: #428F71; opacity: 0.8; }

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

This text has shadow with #428F71 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #428F71.