#86f696 hex color

In a RGB color space, hex #86f696 is composed of 52.5% red, 96.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 0% magenta, 39% yellow and 3.5% black. It has a hue angle of 128.6 degrees, a saturation of 86.2% and a lightness of 74.5%. #86f696 color hex could be obtained by blending #ffffff with #0ded2d. Closest websafe color is: #99ff99.

♥
- f
- t
- g
- R 53
- G 96
- B 59
RGB color chart
- C 46
- M 0
- Y 39
- K 4
CMYK color chart

● #86f696 color description : Soft lime green.

The hexadecimal color #86f696 has RGB values of R:134, G:246, B:150 and CMYK values of C:0.46, M:0, Y:0.39, K:0.04. Its decimal value is 8844950.

Hex triplet	86f696	`#86f696`
RGB Decimal	134, 246, 150	`rgb(134,246,150)`
RGB Percent	52.5, 96.5, 58.8	`rgb(52.5%,96.5%,58.8%)`
CMYK	46, 0, 39, 4
HSL	128.6°, 86.2, 74.5	`hsl(128.6,86.2%,74.5%)`
HSV (or HSB)	128.6°, 45.5, 96.5
Web Safe	99ff99	`#99ff99`

CIE-LAB	88.533, -51.601, 36.475
XYZ	48.29, 73.179, 40.433
xyY	0.298, 0.452, 73.179
CIE-LCH	88.533, 63.191, 144.745
CIE-LUV	88.533, -52.273, 59.124
Hunter-Lab	85.545, -48.94, 31.858
Binary	10000110, 11110110, 10010110

#86f696
```
#86f696 rgb(134,246,150)
```
#f686e6
```
#f686e6 rgb(246,134,230)
```

Complementary Color

#aef686
```
#aef686 rgb(174,246,134)
```
#86f696
```
#86f696 rgb(134,246,150)
```
#86f6ce
```
#86f6ce rgb(134,246,206)
```

Analogous Color

#f686ae
```
#f686ae rgb(246,134,174)
```
#86f696
```
#86f696 rgb(134,246,150)
```
#ce86f6
```
#ce86f6 rgb(206,134,246)
```

Split Complementary Color

#f69686
```
#f69686 rgb(246,150,134)
```
#86f696
```
#86f696 rgb(134,246,150)
```
#9686f6
```
#9686f6 rgb(150,134,246)
```

Triadic Color

#e6f686
```
#e6f686 rgb(230,246,134)
```
#86f696
```
#86f696 rgb(134,246,150)
```
#9686f6
```
#9686f6 rgb(150,134,246)
```
#f686e6
```
#f686e6 rgb(246,134,230)
```

Tetradic Color

#3ff158
```
#3ff158 rgb(63,241,88)
```
#57f26d
```
#57f26d rgb(87,242,109)
```
#6ef481
```
#6ef481 rgb(110,244,129)
```
#86f696
```
#86f696 rgb(134,246,150)
```
#9ef8ab
```
#9ef8ab rgb(158,248,171)
```
#b5fabf
```
#b5fabf rgb(181,250,191)
```
#cdfbd4
```
#cdfbd4 rgb(205,251,212)
```

Monochromatic Color

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

#92f686
```
#92f686 rgb(146,246,134)
```
#89f686
```
#89f686 rgb(137,246,134)
```
#86f68d
```
#86f68d rgb(134,246,141)
```
#86f696
```
#86f696 rgb(134,246,150)
```
#86f69f
```
#86f69f rgb(134,246,159)
```
#86f6a9
```
#86f6a9 rgb(134,246,169)
```
#86f6b2
```
#86f6b2 rgb(134,246,178)
```

Similar Colors

Text with hexadecimal color #86f696

This text has a font color of #86f696.

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

#86f696 background color

This paragraph has a background color of #86f696.

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

#86f696 border color

This element has a border color of #86f696.

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

CSS codes

.text {color:#86f696;}

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

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

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, #010701 is the darkest color, while #f4fef5 is the lightest one.

#010701
```
#010701 rgb(1,7,1)
```
#021905
```
#021905 rgb(2,25,5)
```
#032b09
```
#032b09 rgb(3,43,9)
```
#053e0d
```
#053e0d rgb(5,62,13)
```
#065010
```
#065010 rgb(6,80,16)
```
#076214
```
#076214 rgb(7,98,20)
```
#097418
```
#097418 rgb(9,116,24)
```
#0a871c
```
#0a871c rgb(10,135,28)
```
#0b9920
```
#0b9920 rgb(11,153,32)
```
#0dab23
```
#0dab23 rgb(13,171,35)
```
#0ebd27
```
#0ebd27 rgb(14,189,39)
```
#0fd02b
```
#0fd02b rgb(15,208,43)
```
#11e22f
```
#11e22f rgb(17,226,47)
```

Shade Color Variation

#18ee37
```
#18ee37 rgb(24,238,55)
```
#2bef47
```
#2bef47 rgb(43,239,71)
```
#3df157
```
#3df157 rgb(61,241,87)
```
#4ff266
```
#4ff266 rgb(79,242,102)
```
#61f376
```
#61f376 rgb(97,243,118)
```
#74f586
```
#74f586 rgb(116,245,134)
```
#86f696
```
#86f696 rgb(134,246,150)
```
#98f7a6
```
#98f7a6 rgb(152,247,166)
```
#abf9b6
```
#abf9b6 rgb(171,249,182)
```
#bdfac6
```
#bdfac6 rgb(189,250,198)
```
#cffbd5
```
#cffbd5 rgb(207,251,213)
```
#e1fde5
```
#e1fde5 rgb(225,253,229)
```
#f4fef5
```
#f4fef5 rgb(244,254,245)
```

Tint Color Variation

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

#bdbfbd
```
#bdbfbd rgb(189,191,189)
```
#b8c4ba
```
#b8c4ba rgb(184,196,186)
```
#b3c9b6
```
#b3c9b6 rgb(179,201,182)
```
#aeceb3
```
#aeceb3 rgb(174,206,179)
```
#a9d3af
```
#a9d3af rgb(169,211,175)
```
#a4d8ab
```
#a4d8ab rgb(164,216,171)
```
#9fdda8
```
#9fdda8 rgb(159,221,168)
```
#9ae2a4
```
#9ae2a4 rgb(154,226,164)
```
#95e7a1
```
#95e7a1 rgb(149,231,161)
```
#90ec9d
```
#90ec9d rgb(144,236,157)
```
#8bf19a
```
#8bf19a rgb(139,241,154)
```
#86f696
```
#86f696 rgb(134,246,150)
```
#81fb92
```
#81fb92 rgb(129,251,146)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#bcd3c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3df92 Protanopia 1% of men
#ffd9b6 Deuteranopia 1% of men
#a5eafb Tritanopia 0.001% of the population

Trichromacy

#cbe794 Protanomaly 1% of men, 0.01% of women
#d3e3aa Deuteranomaly 6% of men, 0.4% of women
#9aeed6 Tritanomaly 0.01% of the population

#86f696 hex color

#86f696 Color Information

#86f696 Color Conversion

Color Schemes with #86f696

Alternatives to #86f696

#86f696 Preview

Shades and Tints of #86f696

Tones of #86f696

Color Blindness Simulator