COLOR #5BC883

HEX: #5BC883 RGB: (91,200,131)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#5BC883 contains mainly green color. Web safe color of #5BC883 is #66CC99 (or #6C9).

RGB color model

#5BC883 color RGB value is (91,200,131).

red value is 91;
green value is 200;
blue value is 131.

RGB: (91,200,131) (36%, 78%, 51%)

RGB channels and saturation

R 91 of 255 = 36%
G 200 of 255 = 78%
B 131 of 255 = 51%

200

131

R + G + B ~ 55%. #5BC883 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 91 + 200 + 131 = 422 (100%)
R 91 of 422 ~ 21.56%
G 200 of 422 ~ 47.39%
B 131 of 422 ~ 31.04'%

%21.56

%47.39

%31.04

CMYK color model

#5BC883 color CMYK value is (55,0,35,22).

cyan value is 54.50%
magenta value is 0.00%
yellow value is 34.50%
key color value is 21.57%

CMYK: (55,0,35,22) C55M0Y35K22 (55%,0%,35%,22%) (0.55/0.00/0.35/0.22)

CMYK percentages

%54.5

%34.5

%21.57

Codes

Color #5BC883 in popluar color models

	5B	C8	83
RGB	91	200	131
HSL	142°	49.77%	57.06%
HSB/HSV	142°	54.50%	78.43%
CMYK	54.50%	0.00%	34.50%
CMYK	21.57%

Color #5BC883 in popluar number systems.

HEX	5B	C8	83
Decimal	91	200	131
Binary	1011011	11001000	10000011
Octal	133	310	203

Shades and tints

Shades of #5BC883

#5BC883
(91,200,131)

#53B678
(83,182,120)

#4BA46D
(75,164,109)

#439262
(67,146,98)

#3B8057
(59,128,87)

#336E4C
(51,110,76)

#2B5C41
(43,92,65)

#234A36
(35,74,54)

#1B382B
(27,56,43)

#132620
(19,38,32)

#0B1415
(11,20,21)

#000000
(0,0,0)

Tints of #5BC883

#5BC883
(91,200,131)

#69CD8E
(105,205,142)

#77D299
(119,210,153)

#85D7A4
(133,215,164)

#93DCAF
(147,220,175)

#A1E1BA
(161,225,186)

#AFE6C5
(175,230,197)

#BDEBD0
(189,235,208)

#CBF0DB
(203,240,219)

#D9F5E6
(217,245,230)

#E7FAF1
(231,250,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5BC883 color. Also use rgb(91,200,131) instead hex code.

Text Font Color

.myTextColor { color: #5BC883; }

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

This text font color is #5BC883.

Background Color

.myBgColor { background-color: #5BC883; }

<div style="background-color:#5BC883">Inner text</div>

This div background color is #5BC883.

Border color

.myBorderColor { border: 1px solid #5BC883; }

This div border color is #5BC883.

Opacity

.myOpacity80 { color: #5BC883; opacity: 0.8; }

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

This text has shadow with #5BC883 color.

.textShadow {text-shadow: 3px 3px 1px #5BC883', 3px 3px 1px red;}

This text has shadow with #5BC883 primary color and red secondary color.

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

This text has shadow with #5BC883 and red colors in old Internet Explorer.

Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #5BC883; -webkit-box-shadow: 1px 1px 3px 2px #5BC883; box-shadow:1px 1px 3px 2px #5BC883;">
Div content here
</div>

This div box has shadow with color #5BC883.