#86c380 hex color

In a RGB color space, hex #86c380 is composed of 52.5% red, 76.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 0% magenta, 34.4% yellow and 23.5% black. It has a hue angle of 114.6 degrees, a saturation of 35.8% and a lightness of 63.3%. #86c380 color hex could be obtained by blending #ffffff with #0d8701. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 76
- B 50
RGB color chart
- C 31
- M 0
- Y 34
- K 24
CMYK color chart

● #86c380 color description : Slightly desaturated lime green.

The hexadecimal color #86c380 has RGB values of R:134, G:195, B:128 and CMYK values of C:0.31, M:0, Y:0.34, K:0.24. Its decimal value is 8831872.

Hex triplet	86c380	`#86c380`
RGB Decimal	134, 195, 128	`rgb(134,195,128)`
RGB Percent	52.5, 76.5, 50.2	`rgb(52.5%,76.5%,50.2%)`
CMYK	31, 0, 34, 24
HSL	114.6°, 35.8, 63.3	`hsl(114.6,35.8%,63.3%)`
HSV (or HSB)	114.6°, 34.4, 76.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.322, -32.73, 27.609
XYZ	33.242, 45.656, 27.482
xyY	0.312, 0.429, 45.656
CIE-LCH	73.322, 42.82, 139.851
CIE-LUV	73.322, -30.255, 42.85
Hunter-Lab	67.569, -30.43, 23.184
Binary	10000110, 11000011, 10000000

#86c380
```
#86c380 rgb(134,195,128)
```
#bd80c3
```
#bd80c3 rgb(189,128,195)
```

Complementary Color

#a8c380
```
#a8c380 rgb(168,195,128)
```
#86c380
```
#86c380 rgb(134,195,128)
```
#80c39c
```
#80c39c rgb(128,195,156)
```

Analogous Color

#c380a8
```
#c380a8 rgb(195,128,168)
```
#86c380
```
#86c380 rgb(134,195,128)
```
#9c80c3
```
#9c80c3 rgb(156,128,195)
```

Split Complementary Color

#c38086
```
#c38086 rgb(195,128,134)
```
#86c380
```
#86c380 rgb(134,195,128)
```
#8086c3
```
#8086c3 rgb(128,134,195)
```

Triadic Color

#c3bd80
```
#c3bd80 rgb(195,189,128)
```
#86c380
```
#86c380 rgb(134,195,128)
```
#8086c3
```
#8086c3 rgb(128,134,195)
```
#bd80c3
```
#bd80c3 rgb(189,128,195)
```

Tetradic Color

#57a74f
```
#57a74f rgb(87,167,79)
```
#65b35d
```
#65b35d rgb(101,179,93)
```
#76bb6f
```
#76bb6f rgb(118,187,111)
```
#86c380
```
#86c380 rgb(134,195,128)
```
#97cb91
```
#97cb91 rgb(151,203,145)
```
#a7d3a3
```
#a7d3a3 rgb(167,211,163)
```
#b8dcb4
```
#b8dcb4 rgb(184,220,180)
```

Monochromatic Color

Below, you can see some colors close to #86c380. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#97c380
```
#97c380 rgb(151,195,128)
```
#91c380
```
#91c380 rgb(145,195,128)
```
#8cc380
```
#8cc380 rgb(140,195,128)
```
#86c380
```
#86c380 rgb(134,195,128)
```
#80c380
```
#80c380 rgb(128,195,128)
```
#80c385
```
#80c385 rgb(128,195,133)
```
#80c38b
```
#80c38b rgb(128,195,139)
```

Similar Colors

Text with hexadecimal color #86c380

This text has a font color of #86c380.

<span style="color:#86c380;">Text here</span>

#86c380 background color

This paragraph has a background color of #86c380.

<p style="background-color:#86c380;">Content here</p>

#86c380 border color

This element has a border color of #86c380.

<div style="border:1px solid #86c380;">Content here</div>

CSS codes

.text {color:#86c380;}

.background {background-color:#86c380;}

.border {border:1px solid #86c380;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030603 is the darkest color, while #f8fcf8 is the lightest one.

#030603
```
#030603 rgb(3,6,3)
```
#0a1409
```
#0a1409 rgb(10,20,9)
```
#112110
```
#112110 rgb(17,33,16)
```
#182e16
```
#182e16 rgb(24,46,22)
```
#1f3c1c
```
#1f3c1c rgb(31,60,28)
```
#264922
```
#264922 rgb(38,73,34)
```
#2d5629
```
#2d5629 rgb(45,86,41)
```
#34632f
```
#34632f rgb(52,99,47)
```
#3b7135
```
#3b7135 rgb(59,113,53)
```
#427e3c
```
#427e3c rgb(66,126,60)
```
#488b42
```
#488b42 rgb(72,139,66)
```
#4f9948
```
#4f9948 rgb(79,153,72)
```
#56a64e
```
#56a64e rgb(86,166,78)
```

Shade Color Variation

#60b058
```
#60b058 rgb(96,176,88)
```
#6db665
```
#6db665 rgb(109,182,101)
```
#79bd73
```
#79bd73 rgb(121,189,115)
```
#86c380
```
#86c380 rgb(134,195,128)
```
#93c98d
```
#93c98d rgb(147,201,141)
```
#9fd09b
```
#9fd09b rgb(159,208,155)
```
#acd6a8
```
#acd6a8 rgb(172,214,168)
```
#b9dcb5
```
#b9dcb5 rgb(185,220,181)
```
#c5e2c3
```
#c5e2c3 rgb(197,226,195)
```
#d2e9d0
```
#d2e9d0 rgb(210,233,208)
```
#dfefdd
```
#dfefdd rgb(223,239,221)
```
#ecf5eb
```
#ecf5eb rgb(236,245,235)
```
#f8fcf8
```
#f8fcf8 rgb(248,252,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ea69d is the less saturated color, while #57fd46 is the most saturated one.

#9ea69d
```
#9ea69d rgb(158,166,157)
```
#98ad96
```
#98ad96 rgb(152,173,150)
```
#92b58e
```
#92b58e rgb(146,181,142)
```
#8cbc87
```
#8cbc87 rgb(140,188,135)
```
#86c380
```
#86c380 rgb(134,195,128)
```
#80ca79
```
#80ca79 rgb(128,202,121)
```
#7ad172
```
#7ad172 rgb(122,209,114)
```
#74d96a
```
#74d96a rgb(116,217,106)
```
#6ee063
```
#6ee063 rgb(110,224,99)
```
#68e75c
```
#68e75c rgb(104,231,92)
```
#63ee55
```
#63ee55 rgb(99,238,85)
```
#5df54e
```
#5df54e rgb(93,245,78)
```
#57fd46
```
#57fd46 rgb(87,253,70)
```

Tone Color Variation

Below, you can see how #86c380 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#a9a9a9 Achromatopsia 0.005% of the population
#a2aea1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b780 Protanopia 1% of men
#d7b08d Deuteranopia 1% of men
#9abdcb Tritanopia 0.001% of the population

Trichromacy

#afbb80 Protanomaly 1% of men, 0.01% of women
#b9b788 Deuteranomaly 6% of men, 0.4% of women
#93bfaf Tritanomaly 0.01% of the population

#86c380 hex color

#86c380 Color Information

#86c380 Color Conversion

Color Schemes with #86c380

Alternatives to #86c380

#86c380 Preview

Shades and Tints of #86c380

Tones of #86c380

Color Blindness Simulator