Color #42B75D

Color info

#42B75D contains mainly green color. Web safe color of #42B75D is #33CC66 (or #3C6).

RGB color model

#42B75D color RGB value is (66,183,93).

red value is 66;
green value is 183;
blue value is 93.

RGB:
(66,183,93)
(26%,72%,36%)

RGB channels and saturation

R 66 of 255 = 26%
G 183 of 255 = 72%
B 93 of 255 = 36%

183

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

Portions of RGB colors in percentages

R + G + B =
66 + 183 + 93 = 342 (100%)
R 66 of 342 ~ 19.3%
G 183 of 342 ~ 53.51%
B 93 of 342 ~ 27.19%

%19.3

%53.51

%27.19

CMYK color model

#42B75D color CMYK value is (64,0,49,28).

cyan value is 63.93%
magenta value is 0.00%
yellow value is 49.18%
key color value is 28.24%

CMYK:
(64,0,49,28)
C64M0Y49K28 
(64%,0%,49%,28%)
(0.64/0.00/0.49/0.28)

CMYK percentages

%63.93

%49.18

%28.24

Codes

Color #42B75D in popluar color models

	42	B7	5D
RGB	66	183	93
HSL	134°	46.99%	48.82%
HSB/HSV	134°	63.93%	71.76%
CMYK	63.93%	0.00%	49.18%
CMYK	28.24%

Color #42B75D in popluar number systems.

HEX	42	B7	5D
Decimal	66	183	93
Binary	1000010	10110111	1011101
Octal	102	267	135

Shades and tints

Shades of #42B75D

#42B75D
(66,183,93)

#3CA755
(60,167,85)

#36974D
(54,151,77)

#308745
(48,135,69)

#2A773D
(42,119,61)

#246735
(36,103,53)

#1E572D
(30,87,45)

#184725
(24,71,37)

#12371D
(18,55,29)

#0C2715
(12,39,21)

#06170D
(6,23,13)

#000000
(0,0,0)

Tints of #42B75D

#42B75D
(66,183,93)

#53BD6B
(83,189,107)

#64C379
(100,195,121)

#75C987
(117,201,135)

#86CF95
(134,207,149)

#97D5A3
(151,213,163)

#A8DBB1
(168,219,177)

#B9E1BF
(185,225,191)

#CAE7CD
(202,231,205)

#DBEDDB
(219,237,219)

#ECF3E9
(236,243,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #42B75D color. Also use rgb(66,183,93) instead hex code.

Text Font Color

.myTextColor { color: #42B75D; }

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

This text font color is #42B75D.

Background Color

.myBgColor { background-color: #42B75D; }

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

This div background color is #42B75D.

Border color

.myBorderColor { border: 1px solid #42B75D; }

<div style="border:3px solid #42B75D">Div</div>

This div border color is #42B75D.

Opacity

.myOpacity80 { color: #42B75D; opacity: 0.8; }

<p style="color:#42B75D;opacity:0.8;">80%</p>

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

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

This text has shadow with #42B75D color.

.textShadow {text-shadow: 3px 3px 1px #42B75D, 3px 3px 1px red;}

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #42B75D.

Preview

Color preview on black background

This text has color #42B75D on black background.

Color preview on white background

This text has color #42B75D on white background.

Black color preview on #42B75D background

This text has black color on #42B75D background.

White color preview on #42B75D background

This text has white color on #42B75D background.