COLOR #5DC764

HEX: #5DC764 RGB: (93,199,100)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#5DC764 color RGB value is (93,199,100).

red value is 93;
green value is 199;
blue value is 100.

RGB: (93,199,100) (36%, 78%, 39%)

RGB channels and saturation

R 93 of 255 = 36%
G 199 of 255 = 78%
B 100 of 255 = 39%

199

100

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

Portions of RGB colors in percentages

R + G + B = 93 + 199 + 100 = 392 (100%)
R 93 of 392 ~ 23.72%
G 199 of 392 ~ 50.77%
B 100 of 392 ~ 25.51'%

%23.72

%50.77

%25.51

CMYK color model

#5DC764 color CMYK value is (53,0,50,22).

cyan value is 53.27%
magenta value is 0.00%
yellow value is 49.75%
key color value is 21.96%

CMYK: (53,0,50,22) C53M0Y50K22 (53%,0%,50%,22%) (0.53/0.00/0.50/0.22)

CMYK percentages

%53.27

%49.75

%21.96

Codes

Color #5DC764 in popluar color models

	5D	C7	64
RGB	93	199	100
HSL	124°	48.62%	57.25%
HSB/HSV	124°	53.27%	78.04%
CMYK	53.27%	0.00%	49.75%
CMYK	21.96%

Color #5DC764 in popluar number systems.

HEX	5D	C7	64
Decimal	93	199	100
Binary	1011101	11000111	1100100
Octal	135	307	144

Shades and tints

Shades of #5DC764

#5DC764
(93,199,100)

#55B55B
(85,181,91)

#4DA352
(77,163,82)

#459149
(69,145,73)

#3D7F40
(61,127,64)

#356D37
(53,109,55)

#2D5B2E
(45,91,46)

#254925
(37,73,37)

#1D371C
(29,55,28)

#152513
(21,37,19)

#0D130A
(13,19,10)

#000000
(0,0,0)

Tints of #5DC764

#5DC764
(93,199,100)

#6BCC72
(107,204,114)

#79D180
(121,209,128)

#87D68E
(135,214,142)

#95DB9C
(149,219,156)

#A3E0AA
(163,224,170)

#B1E5B8
(177,229,184)

#BFEAC6
(191,234,198)

#CDEFD4
(205,239,212)

#DBF4E2
(219,244,226)

#E9F9F0
(233,249,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5DC764 color. Also use rgb(93,199,100) instead hex code.

Text Font Color

.myTextColor { color: #5DC764; }

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

This text font color is #5DC764.

Background Color

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

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

This div background color is #5DC764.

Border color

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

This div border color is #5DC764.

Opacity

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

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

This text has shadow with #5DC764 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #5DC764.