Color #4B906B

Color info

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

RGB color model

#4B906B color RGB value is (75,144,107).

red value is 75;
green value is 144;
blue value is 107.

RGB:
(75,144,107)
(29%,56%,42%)

RGB channels and saturation

R 75 of 255 = 29%
G 144 of 255 = 56%
B 107 of 255 = 42%

144

107

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

Portions of RGB colors in percentages

R + G + B =
75 + 144 + 107 = 326 (100%)
R 75 of 326 ~ 23.01%
G 144 of 326 ~ 44.17%
B 107 of 326 ~ 32.82%

%23.01

%44.17

%32.82

CMYK color model

#4B906B color CMYK value is (48,0,26,44).

cyan value is 47.92%
magenta value is 0.00%
yellow value is 25.69%
key color value is 43.53%

CMYK:
(48,0,26,44)
C48M0Y26K44 
(48%,0%,26%,44%)
(0.48/0.00/0.26/0.44)

CMYK percentages

%47.92

%25.69

%43.53

Codes

Color #4B906B in popluar color models

	4B	90	6B
RGB	75	144	107
HSL	148°	31.51%	42.94%
HSB/HSV	148°	47.92%	56.47%
CMYK	47.92%	0.00%	25.69%
CMYK	43.53%

Color #4B906B in popluar number systems.

HEX	4B	90	6B
Decimal	75	144	107
Binary	1001011	10010000	1101011
Octal	113	220	153

Shades and tints

Shades of #4B906B

#4B906B
(75,144,107)

#458362
(69,131,98)

#3F7659
(63,118,89)

#396950
(57,105,80)

#335C47
(51,92,71)

#2D4F3E
(45,79,62)

#274235
(39,66,53)

#21352C
(33,53,44)

#1B2823
(27,40,35)

#151B1A
(21,27,26)

#0F0E11
(15,14,17)

#000000
(0,0,0)

Tints of #4B906B

#4B906B
(75,144,107)

#5B9A78
(91,154,120)

#6BA485
(107,164,133)

#7BAE92
(123,174,146)

#8BB89F
(139,184,159)

#9BC2AC
(155,194,172)

#ABCCB9
(171,204,185)

#BBD6C6
(187,214,198)

#CBE0D3
(203,224,211)

#DBEAE0
(219,234,224)

#EBF4ED
(235,244,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4B906B color. Also use rgb(75,144,107) instead hex code.

Text Font Color

.myTextColor { color: #4B906B; }

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

This text font color is #4B906B.

Background Color

.myBgColor { background-color: #4B906B; }

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

This div background color is #4B906B.

Border color

.myBorderColor { border: 1px solid #4B906B; }

<div style="border:3px solid #4B906B">Div</div>

This div border color is #4B906B.

Opacity

.myOpacity80 { color: #4B906B; opacity: 0.8; }

<p style="color:#4B906B;opacity:0.8;">80%</p>

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

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

This text has shadow with #4B906B color.

.textShadow {text-shadow: 3px 3px 1px #4B906B, 3px 3px 1px red;}

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #4B906B.

Preview

Color preview on black background

This text has color #4B906B on black background.

Color preview on white background

This text has color #4B906B on white background.

Black color preview on #4B906B background

This text has black color on #4B906B background.

White color preview on #4B906B background

This text has white color on #4B906B background.