COLOR #83B261

HEX: #83B261
RGB: (131,178,97)

Color info

#83B261 contains mainly red and green colors. Web safe color of #83B261 is #999966 (or #996).

RGB color model

#83B261 color RGB value is (131,178,97).

  • red value is 131;
  • green value is 178;
  • blue value is 97.
RGB: (131,178,97) (51%,70%,38%)

RGB channels and saturation

R 131 of 255 = 51%
G 178 of 255 = 70%
B 97 of 255 = 38%

131
178
97

R + G + B ~ 53%. #83B261 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
131 + 178 + 97 = 406 (100%)
R 131 of 406 ~ 32.27%
G 178 of 406 ~ 43.84%
B 97 of 406 ~ 23.89%

%32.27
%43.84
%23.89

CMYK color model

#83B261 color CMYK value is (26,0,46,30).

  • cyan value is 26.40%
  • magenta value is 0.00%
  • yellow value is 45.51%
  • key color value is 30.20%
CMYK: (26,0,46,30) C26M0Y46K30 (26%,0%,46%,30%) (0.26/0.00/0.46/0.30)

CMYK percentages

%26.4
%0
%45.51
%30.2

Codes

Color #83B261 in popluar color models

83B261
RGB13117897
HSL95°34.47%53.92%
HSB/HSV95°45.51%69.80%
CMYK26.40%0.00%45.51%
30.20%

Color #83B261 in popluar number systems.

HEX83B261
Decimal13117897
Binary10000011101100101100001
Octal203262141

Shades and tints

Shades of #83B261

#83B261
(131,178,97)
#78A259
(120,162,89)
#6D9251
(109,146,81)
#628249
(98,130,73)
#577241
(87,114,65)
#4C6239
(76,98,57)
#415231
(65,82,49)
#364229
(54,66,41)
#2B3221
(43,50,33)
#202219
(32,34,25)
#151211
(21,18,17)
#000000
(0,0,0)

Tints of #83B261

#83B261
(131,178,97)
#8EB96F
(142,185,111)
#99C07D
(153,192,125)
#A4C78B
(164,199,139)
#AFCE99
(175,206,153)
#BAD5A7
(186,213,167)
#C5DCB5
(197,220,181)
#D0E3C3
(208,227,195)
#DBEAD1
(219,234,209)
#E6F1DF
(230,241,223)
#F1F8ED
(241,248,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #83B261 color. Also use rgb(131,178,97) instead hex code.

Text Font Color

.myTextColor { color: #83B261; }

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

This text font color is #83B261.


Background Color

.myBgColor { background-color: #83B261; }

<div style="background-color:#83B261">Inner text</div>

This div background color is #83B261.


Border color

.myBorderColor { border: 1px solid #83B261; }

<div style="border:3px solid #83B261">Div</div>

This div border color is #83B261.


Opacity

.myOpacity80 { color: #83B261; opacity: 0.8; }

<p style="color:#83B261;opacity:0.8;">80%</p>

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

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

This text has shadow with #83B261 color.

.textShadow {text-shadow: 3px 3px 1px #83B261, 3px 3px 1px red;}

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

This text has shadow with #83B261 primary color and red secondary color.


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

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

This text has shadow with #83B261 and red colors in old Internet Explorer.


Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #83B261; -webkit-box-shadow:	1px 1px 3px 2px #83B261; box-shadow:	1px 1px 3px 2px #83B261; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #83B261; -webkit-box-shadow: 1px 1px 3px 2px #83B261; box-shadow:1px 1px 3px 2px #83B261;">
Div content here</div>
This div box has shadow with color #83B261.

Preview

Color preview on black background

This text has color #83B261 on black background.


Color preview on white background

This text has color #83B261 on white background.



Black color preview on #83B261 background

This text has black color on #83B261 background.


White color preview on #83B261 background

This text has white color on #83B261 background.