#86f69f hex color

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

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

● #86f69f color description : Soft lime green.

The hexadecimal color #86f69f has RGB values of R:134, G:246, B:159 and CMYK values of C:0.46, M:0, Y:0.35, K:0.04. Its decimal value is 8844959.

Hex triplet	86f69f	`#86f69f`
RGB Decimal	134, 246, 159	`rgb(134,246,159)`
RGB Percent	52.5, 96.5, 62.4	`rgb(52.5%,96.5%,62.4%)`
CMYK	46, 0, 35, 4
HSL	133.4°, 86.2, 74.5	`hsl(133.4,86.2%,74.5%)`
HSV (or HSB)	133.4°, 45.5, 96.5
Web Safe	99ff99	`#99ff99`

CIE-LAB	88.676, -50.156, 32.168
XYZ	49.043, 73.48, 44.398
xyY	0.294, 0.44, 73.48
CIE-LCH	88.676, 59.585, 147.325
CIE-LUV	88.676, -52.003, 53.646
Hunter-Lab	85.72, -47.887, 29.296
Binary	10000110, 11110110, 10011111

#86f69f
```
#86f69f rgb(134,246,159)
```
#f686dd
```
#f686dd rgb(246,134,221)
```

Complementary Color

#a5f686
```
#a5f686 rgb(165,246,134)
```
#86f69f
```
#86f69f rgb(134,246,159)
```
#86f6d7
```
#86f6d7 rgb(134,246,215)
```

Analogous Color

#f686a5
```
#f686a5 rgb(246,134,165)
```
#86f69f
```
#86f69f rgb(134,246,159)
```
#d786f6
```
#d786f6 rgb(215,134,246)
```

Split Complementary Color

#f69f86
```
#f69f86 rgb(246,159,134)
```
#86f69f
```
#86f69f rgb(134,246,159)
```
#9f86f6
```
#9f86f6 rgb(159,134,246)
```

Triadic Color

#ddf686
```
#ddf686 rgb(221,246,134)
```
#86f69f
```
#86f69f rgb(134,246,159)
```
#9f86f6
```
#9f86f6 rgb(159,134,246)
```
#f686dd
```
#f686dd rgb(246,134,221)
```

Tetradic Color

#3ff167
```
#3ff167 rgb(63,241,103)
```
#57f279
```
#57f279 rgb(87,242,121)
```
#6ef48c
```
#6ef48c rgb(110,244,140)
```
#86f69f
```
#86f69f rgb(134,246,159)
```
#9ef8b2
```
#9ef8b2 rgb(158,248,178)
```
#b5fac5
```
#b5fac5 rgb(181,250,197)
```
#cdfbd7
```
#cdfbd7 rgb(205,251,215)
```

Monochromatic Color

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

#89f686
```
#89f686 rgb(137,246,134)
```
#86f68c
```
#86f68c rgb(134,246,140)
```
#86f696
```
#86f696 rgb(134,246,150)
```
#86f69f
```
#86f69f rgb(134,246,159)
```
#86f6a8
```
#86f6a8 rgb(134,246,168)
```
#86f6b2
```
#86f6b2 rgb(134,246,178)
```
#86f6bb
```
#86f6bb rgb(134,246,187)
```

Similar Colors

Text with hexadecimal color #86f69f

This text has a font color of #86f69f.

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

#86f69f background color

This paragraph has a background color of #86f69f.

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

#86f69f border color

This element has a border color of #86f69f.

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

CSS codes

.text {color:#86f69f;}

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

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

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

#010702
```
#010702 rgb(1,7,2)
```
#021907
```
#021907 rgb(2,25,7)
```
#032b0c
```
#032b0c rgb(3,43,12)
```
#053e11
```
#053e11 rgb(5,62,17)
```
#065016
```
#065016 rgb(6,80,22)
```
#07621c
```
#07621c rgb(7,98,28)
```
#097421
```
#097421 rgb(9,116,33)
```
#0a8726
```
#0a8726 rgb(10,135,38)
```
#0b992b
```
#0b992b rgb(11,153,43)
```
#0dab30
```
#0dab30 rgb(13,171,48)
```
#0ebd35
```
#0ebd35 rgb(14,189,53)
```
#0fd03a
```
#0fd03a rgb(15,208,58)
```
#11e23f
```
#11e23f rgb(17,226,63)
```

Shade Color Variation

#18ee48
```
#18ee48 rgb(24,238,72)
```
#2bef57
```
#2bef57 rgb(43,239,87)
```
#3df165
```
#3df165 rgb(61,241,101)
```
#4ff274
```
#4ff274 rgb(79,242,116)
```
#61f382
```
#61f382 rgb(97,243,130)
```
#74f591
```
#74f591 rgb(116,245,145)
```
#86f69f
```
#86f69f rgb(134,246,159)
```
#98f7ad
```
#98f7ad rgb(152,247,173)
```
#abf9bc
```
#abf9bc rgb(171,249,188)
```
#bdfaca
```
#bdfaca rgb(189,250,202)
```
#cffbd9
```
#cffbd9 rgb(207,251,217)
```
#e1fde7
```
#e1fde7 rgb(225,253,231)
```
#f4fef6
```
#f4fef6 rgb(244,254,246)
```

Tint Color Variation

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

#bdbfbd
```
#bdbfbd rgb(189,191,189)
```
#b8c4bb
```
#b8c4bb rgb(184,196,187)
```
#b3c9b8
```
#b3c9b8 rgb(179,201,184)
```
#aeceb5
```
#aeceb5 rgb(174,206,181)
```
#a9d3b2
```
#a9d3b2 rgb(169,211,178)
```
#a4d8b0
```
#a4d8b0 rgb(164,216,176)
```
#9fddad
```
#9fddad rgb(159,221,173)
```
#9ae2aa
```
#9ae2aa rgb(154,226,170)
```
#95e7a7
```
#95e7a7 rgb(149,231,167)
```
#90eca5
```
#90eca5 rgb(144,236,165)
```
#8bf1a2
```
#8bf1a2 rgb(139,241,162)
```
#86f69f
```
#86f69f rgb(134,246,159)
```
#81fb9c
```
#81fb9c rgb(129,251,156)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#bdd4c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e09b Protanopia 1% of men
#ffd9b9 Deuteranopia 1% of men
#a4ebfc Tritanopia 0.001% of the population

Trichromacy

#cae89c Protanomaly 1% of men, 0.01% of women
#d3e3b0 Deuteranomaly 6% of men, 0.4% of women
#99efda Tritanomaly 0.01% of the population

#86f69f hex color

#86f69f Color Information

#86f69f Color Conversion

Color Schemes with #86f69f

Alternatives to #86f69f

#86f69f Preview

Shades and Tints of #86f69f

Tones of #86f69f

Color Blindness Simulator