COLOR #71BF6A

HEX: #71BF6A
RGB: (113,191,106)

Color info

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

RGB color model

#71BF6A color RGB value is (113,191,106).

  • red value is 113;
  • green value is 191;
  • blue value is 106.
RGB:
(113,191,106)
(44%,75%,42%)

RGB channels and saturation

R 113 of 255 = 44%
G 191 of 255 = 75%
B 106 of 255 = 42%

113
191
106

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

Portions of RGB colors in percentages

R + G + B =
113 + 191 + 106 = 410 (100%)
R 113 of 410 ~ 27.56%
G 191 of 410 ~ 46.59%
B 106 of 410 ~ 25.85%

%27.56
%46.59
%25.85

CMYK color model

#71BF6A color CMYK value is (41,0,45,25).

  • cyan value is 40.84%
  • magenta value is 0.00%
  • yellow value is 44.50%
  • key color value is 25.10%
CMYK:
(41,0,45,25)
C41M0Y45K25 
(41%,0%,45%,25%)
(0.41/0.00/0.45/0.25)	

CMYK percentages

%40.84
%0
%44.5
%25.1

Codes

Color #71BF6A in popluar color models

71BF6A
RGB113191106
HSL115°39.91%58.24%
HSB/HSV115°44.50%74.90%
CMYK40.84%0.00%44.50%
25.10%

Color #71BF6A in popluar number systems.

HEX71BF6A
Decimal113191106
Binary1110001101111111101010
Octal161277152

Shades and tints

Shades of #71BF6A

#71BF6A
(113,191,106)
#67AE61
(103,174,97)
#5D9D58
(93,157,88)
#538C4F
(83,140,79)
#497B46
(73,123,70)
#3F6A3D
(63,106,61)
#355934
(53,89,52)
#2B482B
(43,72,43)
#213722
(33,55,34)
#172619
(23,38,25)
#0D1510
(13,21,16)
#000000
(0,0,0)

Tints of #71BF6A

#71BF6A
(113,191,106)
#7DC477
(125,196,119)
#89C984
(137,201,132)
#95CE91
(149,206,145)
#A1D39E
(161,211,158)
#ADD8AB
(173,216,171)
#B9DDB8
(185,221,184)
#C5E2C5
(197,226,197)
#D1E7D2
(209,231,210)
#DDECDF
(221,236,223)
#E9F1EC
(233,241,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #71BF6A color. Also use rgb(113,191,106) instead hex code.

Text Font Color

.myTextColor { color: #71BF6A; }

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

This text font color is #71BF6A.


Background Color

.myBgColor { background-color: #71BF6A; }

<div style="background-color:#71BF6A">Inner text</div>

This div background color is #71BF6A.


Border color

.myBorderColor { border: 1px solid #71BF6A; }

<div style="border:3px solid #71BF6A">Div</div>

This div border color is #71BF6A.


Opacity

.myOpacity80 { color: #71BF6A; opacity: 0.8; }

<p style="color:#71BF6A;opacity:0.8;">80%</p>

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

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

This text has shadow with #71BF6A color.

.textShadow {text-shadow: 3px 3px 1px #71BF6A, 3px 3px 1px red;}

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

This text has shadow with #71BF6A primary color and red secondary color.


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

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

This text has shadow with #71BF6A and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #71BF6A on black background.


Color preview on white background

This text has color #71BF6A on white background.



Black color preview on #71BF6A background

This text has black color on #71BF6A background.


White color preview on #71BF6A background

This text has white color on #71BF6A background.