#86e564 hex color

In a RGB color space, hex #86e564 is composed of 52.5% red, 89.8% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 41.5% cyan, 0% magenta, 56.3% yellow and 10.2% black. It has a hue angle of 104.2 degrees, a saturation of 71.3% and a lightness of 64.5%. #86e564 color hex could be obtained by blending #ffffc8 with #0dcb00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 53
- G 90
- B 39
RGB color chart
- C 41
- M 0
- Y 56
- K 10
CMYK color chart

● #86e564 color description : Soft green.

The hexadecimal color #86e564 has RGB values of R:134, G:229, B:100 and CMYK values of C:0.41, M:0, Y:0.56, K:0.1. Its decimal value is 8840548.

Hex triplet	86e564	`#86e564`
RGB Decimal	134, 229, 100	`rgb(134,229,100)`
RGB Percent	52.5, 89.8, 39.2	`rgb(52.5%,89.8%,39.2%)`
CMYK	41, 0, 56, 10
HSL	104.2°, 71.3, 64.5	`hsl(104.2,71.3%,64.5%)`
HSV (or HSB)	104.2°, 56.3, 89.8
Web Safe	99cc66	`#99cc66`

CIE-LAB	82.927, -51.247, 53.36
XYZ	40.15, 62.025, 21.912
xyY	0.324, 0.5, 62.025
CIE-LCH	82.927, 73.984, 133.843
CIE-LUV	82.927, -46.206, 75.846
Hunter-Lab	78.756, -46.824, 38.633
Binary	10000110, 11100101, 01100100

#86e564
```
#86e564 rgb(134,229,100)
```
#c364e5
```
#c364e5 rgb(195,100,229)
```

Complementary Color

#c7e564
```
#c7e564 rgb(199,229,100)
```
#86e564
```
#86e564 rgb(134,229,100)
```
#64e583
```
#64e583 rgb(100,229,131)
```

Analogous Color

#e564c7
```
#e564c7 rgb(229,100,199)
```
#86e564
```
#86e564 rgb(134,229,100)
```
#8364e5
```
#8364e5 rgb(131,100,229)
```

Split Complementary Color

#e56486
```
#e56486 rgb(229,100,134)
```
#86e564
```
#86e564 rgb(134,229,100)
```
#6486e5
```
#6486e5 rgb(100,134,229)
```

Triadic Color

#e5c364
```
#e5c364 rgb(229,195,100)
```
#86e564
```
#86e564 rgb(134,229,100)
```
#6486e5
```
#6486e5 rgb(100,134,229)
```
#c364e5
```
#c364e5 rgb(195,100,229)
```

Tetradic Color

#54d824
```
#54d824 rgb(84,216,36)
```
#64de38
```
#64de38 rgb(100,222,56)
```
#75e14e
```
#75e14e rgb(117,225,78)
```
#86e564
```
#86e564 rgb(134,229,100)
```
#97e97a
```
#97e97a rgb(151,233,122)
```
#a8ec90
```
#a8ec90 rgb(168,236,144)
```
#b9f0a6
```
#b9f0a6 rgb(185,240,166)
```

Monochromatic Color

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

#a6e564
```
#a6e564 rgb(166,229,100)
```
#9ce564
```
#9ce564 rgb(156,229,100)
```
#91e564
```
#91e564 rgb(145,229,100)
```
#86e564
```
#86e564 rgb(134,229,100)
```
#7be564
```
#7be564 rgb(123,229,100)
```
#71e564
```
#71e564 rgb(113,229,100)
```
#66e564
```
#66e564 rgb(102,229,100)
```

Similar Colors

Text with hexadecimal color #86e564

This text has a font color of #86e564.

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

#86e564 background color

This paragraph has a background color of #86e564.

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

#86e564 border color

This element has a border color of #86e564.

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

CSS codes

.text {color:#86e564;}

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

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

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, #050d02 is the darkest color, while #fcfefb is the lightest one.

#050d02
```
#050d02 rgb(5,13,2)
```
#0c1e05
```
#0c1e05 rgb(12,30,5)
```
#122f08
```
#122f08 rgb(18,47,8)
```
#193f0b
```
#193f0b rgb(25,63,11)
```
#1f500d
```
#1f500d rgb(31,80,13)
```
#266110
```
#266110 rgb(38,97,16)
```
#2c7213
```
#2c7213 rgb(44,114,19)
```
#338316
```
#338316 rgb(51,131,22)
```
#399319
```
#399319 rgb(57,147,25)
```
#40a41c
```
#40a41c rgb(64,164,28)
```
#46b51e
```
#46b51e rgb(70,181,30)
```
#4dc621
```
#4dc621 rgb(77,198,33)
```
#53d724
```
#53d724 rgb(83,215,36)
```

Shade Color Variation

#5fdd32
```
#5fdd32 rgb(95,221,50)
```
#6cdf42
```
#6cdf42 rgb(108,223,66)
```
#79e253
```
#79e253 rgb(121,226,83)
```
#86e564
```
#86e564 rgb(134,229,100)
```
#93e875
```
#93e875 rgb(147,232,117)
```
#a0eb86
```
#a0eb86 rgb(160,235,134)
```
#aded96
```
#aded96 rgb(173,237,150)
```
#baf0a7
```
#baf0a7 rgb(186,240,167)
```
#c8f3b8
```
#c8f3b8 rgb(200,243,184)
```
#d5f6c9
```
#d5f6c9 rgb(213,246,201)
```
#e2f9da
```
#e2f9da rgb(226,249,218)
```
#effcea
```
#effcea rgb(239,252,234)
```
#fcfefb
```
#fcfefb rgb(252,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a4a6a3 is the less saturated color, while #7cfa4f is the most saturated one.

#a4a6a3
```
#a4a6a3 rgb(164,166,163)
```
#a0ad9c
```
#a0ad9c rgb(160,173,156)
```
#9db495
```
#9db495 rgb(157,180,149)
```
#9abb8e
```
#9abb8e rgb(154,187,142)
```
#96c287
```
#96c287 rgb(150,194,135)
```
#93c980
```
#93c980 rgb(147,201,128)
```
#90d079
```
#90d079 rgb(144,208,121)
```
#8dd772
```
#8dd772 rgb(141,215,114)
```
#89de6b
```
#89de6b rgb(137,222,107)
```
#86e564
```
#86e564 rgb(134,229,100)
```
#83ec5d
```
#83ec5d rgb(131,236,93)
```
#7ff356
```
#7ff356 rgb(127,243,86)
```
#7cfa4f
```
#7cfa4f rgb(124,250,79)
```

Tone Color Variation

Below, you can see how #86e564 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

#bababa Achromatopsia 0.005% of the population
#b0c3a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d165 Protanopia 1% of men
#fdc777 Deuteranopia 1% of men
#a6d9e8 Tritanopia 0.001% of the population

Trichromacy

#c3d864 Protanomaly 1% of men, 0.01% of women
#d2d270 Deuteranomaly 6% of men, 0.4% of women
#9addb8 Tritanomaly 0.01% of the population

#86e564 hex color

#86e564 Color Information

#86e564 Color Conversion

Color Schemes with #86e564

Alternatives to #86e564

#86e564 Preview

Shades and Tints of #86e564

Tones of #86e564

Color Blindness Simulator