COLOR #7DBF39

HEX: #7DBF39
RGB: (125,191,57)

Color info

#7DBF39 contains mainly green color. Web safe color of #7DBF39 is #66CC33 (or #6C3).

RGB color model

#7DBF39 color RGB value is (125,191,57).

  • red value is 125;
  • green value is 191;
  • blue value is 57.
RGB:
(125,191,57)
(49%,75%,22%)

RGB channels and saturation

R 125 of 255 = 49%
G 191 of 255 = 75%
B 57 of 255 = 22%

125
191
57

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

Portions of RGB colors in percentages

R + G + B =
125 + 191 + 57 = 373 (100%)
R 125 of 373 ~ 33.51%
G 191 of 373 ~ 51.21%
B 57 of 373 ~ 15.28%

%33.51
%51.21
%15.28

CMYK color model

#7DBF39 color CMYK value is (35,0,70,25).

  • cyan value is 34.55%
  • magenta value is 0.00%
  • yellow value is 70.16%
  • key color value is 25.10%
CMYK:
(35,0,70,25)
C35M0Y70K25 
(35%,0%,70%,25%)
(0.35/0.00/0.70/0.25)	

CMYK percentages

%34.55
%0
%70.16
%25.1

Codes

Color #7DBF39 in popluar color models

7DBF39
RGB12519157
HSL90°54.03%48.63%
HSB/HSV90°70.16%74.90%
CMYK34.55%0.00%70.16%
25.10%

Color #7DBF39 in popluar number systems.

HEX7DBF39
Decimal12519157
Binary111110110111111111001
Octal17527771

Shades and tints

Shades of #7DBF39

#7DBF39
(125,191,57)
#72AE34
(114,174,52)
#679D2F
(103,157,47)
#5C8C2A
(92,140,42)
#517B25
(81,123,37)
#466A20
(70,106,32)
#3B591B
(59,89,27)
#304816
(48,72,22)
#253711
(37,55,17)
#1A260C
(26,38,12)
#0F1507
(15,21,7)
#000000
(0,0,0)

Tints of #7DBF39

#7DBF39
(125,191,57)
#88C44B
(136,196,75)
#93C95D
(147,201,93)
#9ECE6F
(158,206,111)
#A9D381
(169,211,129)
#B4D893
(180,216,147)
#BFDDA5
(191,221,165)
#CAE2B7
(202,226,183)
#D5E7C9
(213,231,201)
#E0ECDB
(224,236,219)
#EBF1ED
(235,241,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7DBF39 color. Also use rgb(125,191,57) instead hex code.

Text Font Color

.myTextColor { color: #7DBF39; }

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

This text font color is #7DBF39.


Background Color

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

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

This div background color is #7DBF39.


Border color

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

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

This div border color is #7DBF39.


Opacity

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

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

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

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

This text has shadow with #7DBF39 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #7DBF39 on black background.


Color preview on white background

This text has color #7DBF39 on white background.



Black color preview on #7DBF39 background

This text has black color on #7DBF39 background.


White color preview on #7DBF39 background

This text has white color on #7DBF39 background.