COLOR #4BEF80

HEX: #4BEF80
RGB: (75,239,128)

Color info

#4BEF80 contains mainly green color. Web safe color of #4BEF80 is #33FF66 (or #3F6).

RGB color model

#4BEF80 color RGB value is (75,239,128).

  • red value is 75;
  • green value is 239;
  • blue value is 128.
RGB:
(75,239,128)
(29%,94%,50%)

RGB channels and saturation

R 75 of 255 = 29%
G 239 of 255 = 94%
B 128 of 255 = 50%

75
239
128

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

Portions of RGB colors in percentages

R + G + B =
75 + 239 + 128 = 442 (100%)
R 75 of 442 ~ 16.97%
G 239 of 442 ~ 54.07%
B 128 of 442 ~ 28.96%

%16.97
%54.07
%28.96

CMYK color model

#4BEF80 color CMYK value is (69,0,46,6).

  • cyan value is 68.62%
  • magenta value is 0.00%
  • yellow value is 46.44%
  • key color value is 6.27%
CMYK:
(69,0,46,6)
C69M0Y46K6 
(69%,0%,46%,6%)
(0.69/0.00/0.46/0.06)	

CMYK percentages

%68.62
%0
%46.44
%6.27

Codes

Color #4BEF80 in popluar color models

4BEF80
RGB75239128
HSL139°83.67%61.57%
HSB/HSV139°68.62%93.73%
CMYK68.62%0.00%46.44%
6.27%

Color #4BEF80 in popluar number systems.

HEX4BEF80
Decimal75239128
Binary10010111110111110000000
Octal113357200

Shades and tints

Shades of #4BEF80

#4BEF80
(75,239,128)
#45DA75
(69,218,117)
#3FC56A
(63,197,106)
#39B05F
(57,176,95)
#339B54
(51,155,84)
#2D8649
(45,134,73)
#27713E
(39,113,62)
#215C33
(33,92,51)
#1B4728
(27,71,40)
#15321D
(21,50,29)
#0F1D12
(15,29,18)
#000000
(0,0,0)

Tints of #4BEF80

#4BEF80
(75,239,128)
#5BF08B
(91,240,139)
#6BF196
(107,241,150)
#7BF2A1
(123,242,161)
#8BF3AC
(139,243,172)
#9BF4B7
(155,244,183)
#ABF5C2
(171,245,194)
#BBF6CD
(187,246,205)
#CBF7D8
(203,247,216)
#DBF8E3
(219,248,227)
#EBF9EE
(235,249,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4BEF80 color. Also use rgb(75,239,128) instead hex code.

Text Font Color

.myTextColor { color: #4BEF80; }

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

This text font color is #4BEF80.


Background Color

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

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

This div background color is #4BEF80.


Border color

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

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

This div border color is #4BEF80.


Opacity

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

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

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

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

This text has shadow with #4BEF80 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #4BEF80 on black background.


Color preview on white background

This text has color #4BEF80 on white background.



Black color preview on #4BEF80 background

This text has black color on #4BEF80 background.


White color preview on #4BEF80 background

This text has white color on #4BEF80 background.