COLOR #86D4A4

HEX: #86D4A4 RGB: (134,212,164)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#86D4A4 contains mainly green and blue colors. Web safe color of #86D4A4 is #99CC99 (or #9C9).

RGB color model

#86D4A4 color RGB value is (134,212,164).

red value is 134;
green value is 212;
blue value is 164.

RGB: (134,212,164) (53%, 83%, 64%)

RGB channels and saturation

R 134 of 255 = 53%
G 212 of 255 = 83%
B 164 of 255 = 64%

134

212

164

R + G + B ~ 67%. #86D4A4 is quite light color.

Portions of RGB colors in percentages

R + G + B = 134 + 212 + 164 = 510 (100%)
R 134 of 510 ~ 26.27%
G 212 of 510 ~ 41.57%
B 164 of 510 ~ 32.16'%

%26.27

%41.57

%32.16

CMYK color model

#86D4A4 color CMYK value is (37,0,23,17).

cyan value is 36.79%
magenta value is 0.00%
yellow value is 22.64%
key color value is 16.86%

CMYK: (37,0,23,17) C37M0Y23K17 (37%,0%,23%,17%) (0.37/0.00/0.23/0.17)

CMYK percentages

%36.79

%22.64

%16.86

Codes

Color #86D4A4 in popluar color models

	86	D4	A4
RGB	134	212	164
HSL	143°	47.56%	67.84%
HSB/HSV	143°	36.79%	83.14%
CMYK	36.79%	0.00%	22.64%
CMYK	16.86%

Color #86D4A4 in popluar number systems.

HEX	86	D4	A4
Decimal	134	212	164
Binary	10000110	11010100	10100100
Octal	206	324	244

Shades and tints

Shades of #86D4A4

#86D4A4
(134,212,164)

#7AC196
(122,193,150)

#6EAE88
(110,174,136)

#629B7A
(98,155,122)

#56886C
(86,136,108)

#4A755E
(74,117,94)

#3E6250
(62,98,80)

#324F42
(50,79,66)

#263C34
(38,60,52)

#1A2926
(26,41,38)

#0E1618
(14,22,24)

#000000
(0,0,0)

Tints of #86D4A4

#86D4A4
(134,212,164)

#91D7AC
(145,215,172)

#9CDAB4
(156,218,180)

#A7DDBC
(167,221,188)

#B2E0C4
(178,224,196)

#BDE3CC
(189,227,204)

#C8E6D4
(200,230,212)

#D3E9DC
(211,233,220)

#DEECE4
(222,236,228)

#E9EFEC
(233,239,236)

#F4F2F4
(244,242,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #86D4A4 color. Also use rgb(134,212,164) instead hex code.

Text Font Color

.myTextColor { color: #86D4A4; }

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

This text font color is #86D4A4.

Background Color

.myBgColor { background-color: #86D4A4; }

<div style="background-color:#86D4A4">Inner text</div>

This div background color is #86D4A4.

Border color

.myBorderColor { border: 1px solid #86D4A4; }

This div border color is #86D4A4.

Opacity

.myOpacity80 { color: #86D4A4; opacity: 0.8; }

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

This text has shadow with #86D4A4 color.

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

This text has shadow with #86D4A4 primary color and red secondary color.

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

This text has shadow with #86D4A4 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #86D4A4.