COLOR #7BD051

HEX: #7BD051
RGB: (123,208,81)

Color info

#7BD051 contains mainly green color. Web safe color of #7BD051 is #66CC66 (or #6C6).

RGB color model

#7BD051 color RGB value is (123,208,81).

  • red value is 123;
  • green value is 208;
  • blue value is 81.
RGB:
(123,208,81)
(48%,82%,32%)

RGB channels and saturation

R 123 of 255 = 48%
G 208 of 255 = 82%
B 81 of 255 = 32%

123
208
81

R + G + B ~ 54%. #7BD051 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
123 + 208 + 81 = 412 (100%)
R 123 of 412 ~ 29.85%
G 208 of 412 ~ 50.49%
B 81 of 412 ~ 19.66%

%29.85
%50.49
%19.66

CMYK color model

#7BD051 color CMYK value is (41,0,61,18).

  • cyan value is 40.87%
  • magenta value is 0.00%
  • yellow value is 61.06%
  • key color value is 18.43%
CMYK:
(41,0,61,18)
C41M0Y61K18 
(41%,0%,61%,18%)
(0.41/0.00/0.61/0.18)	

CMYK percentages

%40.87
%0
%61.06
%18.43

Codes

Color #7BD051 in popluar color models

7BD051
RGB12320881
HSL100°57.47%56.67%
HSB/HSV100°61.06%81.57%
CMYK40.87%0.00%61.06%
18.43%

Color #7BD051 in popluar number systems.

HEX7BD051
Decimal12320881
Binary1111011110100001010001
Octal173320121

Shades and tints

Shades of #7BD051

#7BD051
(123,208,81)
#70BE4A
(112,190,74)
#65AC43
(101,172,67)
#5A9A3C
(90,154,60)
#4F8835
(79,136,53)
#44762E
(68,118,46)
#396427
(57,100,39)
#2E5220
(46,82,32)
#234019
(35,64,25)
#182E12
(24,46,18)
#0D1C0B
(13,28,11)
#000000
(0,0,0)

Tints of #7BD051

#7BD051
(123,208,81)
#87D460
(135,212,96)
#93D86F
(147,216,111)
#9FDC7E
(159,220,126)
#ABE08D
(171,224,141)
#B7E49C
(183,228,156)
#C3E8AB
(195,232,171)
#CFECBA
(207,236,186)
#DBF0C9
(219,240,201)
#E7F4D8
(231,244,216)
#F3F8E7
(243,248,231)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7BD051 color. Also use rgb(123,208,81) instead hex code.

Text Font Color

.myTextColor { color: #7BD051; }

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

This text font color is #7BD051.


Background Color

.myBgColor { background-color: #7BD051; }

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

This div background color is #7BD051.


Border color

.myBorderColor { border: 1px solid #7BD051; }

<div style="border:3px solid #7BD051">Div</div>

This div border color is #7BD051.


Opacity

.myOpacity80 { color: #7BD051; opacity: 0.8; }

<p style="color:#7BD051;opacity:0.8;">80%</p>

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

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

This text has shadow with #7BD051 color.

.textShadow {text-shadow: 3px 3px 1px #7BD051, 3px 3px 1px red;}

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #7BD051 on black background.


Color preview on white background

This text has color #7BD051 on white background.



Black color preview on #7BD051 background

This text has black color on #7BD051 background.


White color preview on #7BD051 background

This text has white color on #7BD051 background.