#86f9a2 hex color

In a RGB color space, hex #86f9a2 is composed of 52.5% red, 97.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 0% magenta, 34.9% yellow and 2.4% black. It has a hue angle of 134.6 degrees, a saturation of 90.6% and a lightness of 75.1%. #86f9a2 color hex could be obtained by blending #ffffff with #0df345. Closest websafe color is: #99ff99.

♥
- f
- t
- g
- R 53
- G 98
- B 64
RGB color chart
- C 46
- M 0
- Y 35
- K 2
CMYK color chart

● #86f9a2 color description : Soft lime green.

The hexadecimal color #86f9a2 has RGB values of R:134, G:249, B:162 and CMYK values of C:0.46, M:0, Y:0.35, K:0.02. Its decimal value is 8845730.

Hex triplet	86f9a2	`#86f9a2`
RGB Decimal	134, 249, 162	`rgb(134,249,162)`
RGB Percent	52.5, 97.6, 63.5	`rgb(52.5%,97.6%,63.5%)`
CMYK	46, 0, 35, 2
HSL	134.6°, 90.6, 75.1	`hsl(134.6,90.6%,75.1%)`
HSV (or HSB)	134.6°, 46.2, 97.6
Web Safe	99ff99	`#99ff99`

CIE-LAB	89.592, -50.902, 31.884
XYZ	50.226, 75.425, 46.092
xyY	0.292, 0.439, 75.425
CIE-LCH	89.592, 60.063, 147.938
CIE-LUV	89.592, -53.14, 53.544
Hunter-Lab	86.848, -48.753, 29.327
Binary	10000110, 11111001, 10100010

#86f9a2
```
#86f9a2 rgb(134,249,162)
```
#f986dd
```
#f986dd rgb(249,134,221)
```

Complementary Color

#a4f986
```
#a4f986 rgb(164,249,134)
```
#86f9a2
```
#86f9a2 rgb(134,249,162)
```
#86f9dc
```
#86f9dc rgb(134,249,220)
```

Analogous Color

#f986a4
```
#f986a4 rgb(249,134,164)
```
#86f9a2
```
#86f9a2 rgb(134,249,162)
```
#dc86f9
```
#dc86f9 rgb(220,134,249)
```

Split Complementary Color

#f9a286
```
#f9a286 rgb(249,162,134)
```
#86f9a2
```
#86f9a2 rgb(134,249,162)
```
#a286f9
```
#a286f9 rgb(162,134,249)
```

Triadic Color

#ddf986
```
#ddf986 rgb(221,249,134)
```
#86f9a2
```
#86f9a2 rgb(134,249,162)
```
#a286f9
```
#a286f9 rgb(162,134,249)
```
#f986dd
```
#f986dd rgb(249,134,221)
```

Tetradic Color

#3df56a
```
#3df56a rgb(61,245,106)
```
#55f77d
```
#55f77d rgb(85,247,125)
```
#6ef88f
```
#6ef88f rgb(110,248,143)
```
#86f9a2
```
#86f9a2 rgb(134,249,162)
```
#9efab5
```
#9efab5 rgb(158,250,181)
```
#b7fbc7
```
#b7fbc7 rgb(183,251,199)
```
#cffdda
```
#cffdda rgb(207,253,218)
```

Monochromatic Color

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

#87f986
```
#87f986 rgb(135,249,134)
```
#86f98f
```
#86f98f rgb(134,249,143)
```
#86f998
```
#86f998 rgb(134,249,152)
```
#86f9a2
```
#86f9a2 rgb(134,249,162)
```
#86f9ac
```
#86f9ac rgb(134,249,172)
```
#86f9b5
```
#86f9b5 rgb(134,249,181)
```
#86f9bf
```
#86f9bf rgb(134,249,191)
```

Similar Colors

Text with hexadecimal color #86f9a2

This text has a font color of #86f9a2.

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

#86f9a2 background color

This paragraph has a background color of #86f9a2.

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

#86f9a2 border color

This element has a border color of #86f9a2.

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

CSS codes

.text {color:#86f9a2;}

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

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

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, #000a03 is the darkest color, while #f6fff8 is the lightest one.

#000a03
```
#000a03 rgb(0,10,3)
```
#011d08
```
#011d08 rgb(1,29,8)
```
#022f0d
```
#022f0d rgb(2,47,13)
```
#034213
```
#034213 rgb(3,66,19)
```
#045518
```
#045518 rgb(4,85,24)
```
#05671d
```
#05671d rgb(5,103,29)
```
#067a22
```
#067a22 rgb(6,122,34)
```
#078d28
```
#078d28 rgb(7,141,40)
```
#089f2d
```
#089f2d rgb(8,159,45)
```
#09b232
```
#09b232 rgb(9,178,50)
```
#0ac537
```
#0ac537 rgb(10,197,55)
```
#0bd73d
```
#0bd73d rgb(11,215,61)
```
#0cea42
```
#0cea42 rgb(12,234,66)
```

Shade Color Variation

#16f34c
```
#16f34c rgb(22,243,76)
```
#29f45a
```
#29f45a rgb(41,244,90)
```
#3bf569
```
#3bf569 rgb(59,245,105)
```
#4ef677
```
#4ef677 rgb(78,246,119)
```
#61f785
```
#61f785 rgb(97,247,133)
```
#73f894
```
#73f894 rgb(115,248,148)
```
#86f9a2
```
#86f9a2 rgb(134,249,162)
```
#99fab0
```
#99fab0 rgb(153,250,176)
```
#abfbbf
```
#abfbbf rgb(171,251,191)
```
#befccd
```
#befccd rgb(190,252,205)
```
#d1fddb
```
#d1fddb rgb(209,253,219)
```
#e3feea
```
#e3feea rgb(227,254,234)
```
#f6fff8
```
#f6fff8 rgb(246,255,248)
```

Tint Color Variation

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

#bcc3be
```
#bcc3be rgb(188,195,190)
```
#b7c8bb
```
#b7c8bb rgb(183,200,187)
```
#b2cdb9
```
#b2cdb9 rgb(178,205,185)
```
#add2b6
```
#add2b6 rgb(173,210,182)
```
#a8d7b4
```
#a8d7b4 rgb(168,215,180)
```
#a3dcb1
```
#a3dcb1 rgb(163,220,177)
```
#9ee1af
```
#9ee1af rgb(158,225,175)
```
#9ae5ac
```
#9ae5ac rgb(154,229,172)
```
#95eaaa
```
#95eaaa rgb(149,234,170)
```
#90efa7
```
#90efa7 rgb(144,239,167)
```
#8bf4a5
```
#8bf4a5 rgb(139,244,165)
```
#86f9a2
```
#86f9a2 rgb(134,249,162)
```
#81fe9f
```
#81fe9f rgb(129,254,159)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#bfd6c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4e29d Protanopia 1% of men
#ffdcc0 Deuteranopia 1% of men
#a6edff Tritanopia 0.001% of the population

Trichromacy

#ccea9f Protanomaly 1% of men, 0.01% of women
#d3e6b5 Deuteranomaly 6% of men, 0.4% of women
#9af1dd Tritanomaly 0.01% of the population

#86f9a2 hex color

#86f9a2 Color Information

#86f9a2 Color Conversion

Color Schemes with #86f9a2

Alternatives to #86f9a2

#86f9a2 Preview

Shades and Tints of #86f9a2

Tones of #86f9a2

Color Blindness Simulator