#86c4a3 hex color

In a RGB color space, hex #86c4a3 is composed of 52.5% red, 76.9% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 31.6% cyan, 0% magenta, 16.8% yellow and 23.1% black. It has a hue angle of 148.1 degrees, a saturation of 34.4% and a lightness of 64.7%. #86c4a3 color hex could be obtained by blending #ffffff with #0d8947. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 77
- B 64
RGB color chart
- C 32
- M 0
- Y 17
- K 23
CMYK color chart

● #86c4a3 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #86c4a3 has RGB values of R:134, G:196, B:163 and CMYK values of C:0.32, M:0, Y:0.17, K:0.23. Its decimal value is 8832163.

Hex triplet	86c4a3	`#86c4a3`
RGB Decimal	134, 196, 163	`rgb(134,196,163)`
RGB Percent	52.5, 76.9, 63.9	`rgb(52.5%,76.9%,63.9%)`
CMYK	32, 0, 17, 23
HSL	148.1°, 34.4, 64.7	`hsl(148.1,34.4%,64.7%)`
HSV (or HSB)	148.1°, 31.6, 76.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.312, -26.908, 10.294
XYZ	36.18, 47.191, 41.851
xyY	0.289, 0.377, 47.191
CIE-LCH	74.312, 28.81, 159.064
CIE-LUV	74.312, -30.35, 19.391
Hunter-Lab	68.696, -26.206, 11.966
Binary	10000110, 11000100, 10100011

#86c4a3
```
#86c4a3 rgb(134,196,163)
```
#c486a7
```
#c486a7 rgb(196,134,167)
```

Complementary Color

#88c486
```
#88c486 rgb(136,196,134)
```
#86c4a3
```
#86c4a3 rgb(134,196,163)
```
#86c4c2
```
#86c4c2 rgb(134,196,194)
```

Analogous Color

#c48688
```
#c48688 rgb(196,134,136)
```
#86c4a3
```
#86c4a3 rgb(134,196,163)
```
#c286c4
```
#c286c4 rgb(194,134,196)
```

Split Complementary Color

#c4a386
```
#c4a386 rgb(196,163,134)
```
#86c4a3
```
#86c4a3 rgb(134,196,163)
```
#a386c4
```
#a386c4 rgb(163,134,196)
```

Triadic Color

#a7c486
```
#a7c486 rgb(167,196,134)
```
#86c4a3
```
#86c4a3 rgb(134,196,163)
```
#a386c4
```
#a386c4 rgb(163,134,196)
```
#c486a7
```
#c486a7 rgb(196,134,167)
```

Tetradic Color

#53aa7c
```
#53aa7c rgb(83,170,124)
```
#64b389
```
#64b389 rgb(100,179,137)
```
#75bc96
```
#75bc96 rgb(117,188,150)
```
#86c4a3
```
#86c4a3 rgb(134,196,163)
```
#97ccb0
```
#97ccb0 rgb(151,204,176)
```
#a8d5bd
```
#a8d5bd rgb(168,213,189)
```
#b9ddca
```
#b9ddca rgb(185,221,202)
```

Monochromatic Color

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

#86c494
```
#86c494 rgb(134,196,148)
```
#86c499
```
#86c499 rgb(134,196,153)
```
#86c49e
```
#86c49e rgb(134,196,158)
```
#86c4a3
```
#86c4a3 rgb(134,196,163)
```
#86c4a8
```
#86c4a8 rgb(134,196,168)
```
#86c4ad
```
#86c4ad rgb(134,196,173)
```
#86c4b3
```
#86c4b3 rgb(134,196,179)
```

Similar Colors

Text with hexadecimal color #86c4a3

This text has a font color of #86c4a3.

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

#86c4a3 background color

This paragraph has a background color of #86c4a3.

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

#86c4a3 border color

This element has a border color of #86c4a3.

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

CSS codes

.text {color:#86c4a3;}

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

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

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

#050b08
```
#050b08 rgb(5,11,8)
```
#0c1811
```
#0c1811 rgb(12,24,17)
```
#12251b
```
#12251b rgb(18,37,27)
```
#193225
```
#193225 rgb(25,50,37)
```
#1f402e
```
#1f402e rgb(31,64,46)
```
#254d38
```
#254d38 rgb(37,77,56)
```
#2c5a41
```
#2c5a41 rgb(44,90,65)
```
#32674b
```
#32674b rgb(50,103,75)
```
#397455
```
#397455 rgb(57,116,85)
```
#3f825e
```
#3f825e rgb(63,130,94)
```
#468f68
```
#468f68 rgb(70,143,104)
```
#4c9c71
```
#4c9c71 rgb(76,156,113)
```
#52a97b
```
#52a97b rgb(82,169,123)
```

Shade Color Variation

#5eb185
```
#5eb185 rgb(94,177,133)
```
#6cb78f
```
#6cb78f rgb(108,183,143)
```
#79be99
```
#79be99 rgb(121,190,153)
```
#86c4a3
```
#86c4a3 rgb(134,196,163)
```
#93caad
```
#93caad rgb(147,202,173)
```
#a0d1b7
```
#a0d1b7 rgb(160,209,183)
```
#aed7c1
```
#aed7c1 rgb(174,215,193)
```
#bbdecb
```
#bbdecb rgb(187,222,203)
```
#c8e4d5
```
#c8e4d5 rgb(200,228,213)
```
#d5ebdf
```
#d5ebdf rgb(213,235,223)
```
#e2f1e9
```
#e2f1e9 rgb(226,241,233)
```
#eff7f3
```
#eff7f3 rgb(239,247,243)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#a2a8a5
```
#a2a8a5 rgb(162,168,165)
```
#9bafa4
```
#9bafa4 rgb(155,175,164)
```
#94b6a4
```
#94b6a4 rgb(148,182,164)
```
#8dbda3
```
#8dbda3 rgb(141,189,163)
```
#86c4a3
```
#86c4a3 rgb(134,196,163)
```
#7fcba3
```
#7fcba3 rgb(127,203,163)
```
#78d2a2
```
#78d2a2 rgb(120,210,162)
```
#71d9a2
```
#71d9a2 rgb(113,217,162)
```
#6ae0a1
```
#6ae0a1 rgb(106,224,161)
```
#63e7a1
```
#63e7a1 rgb(99,231,161)
```
#5ceea0
```
#5ceea0 rgb(92,238,160)
```
#56f4a0
```
#56f4a0 rgb(86,244,160)
```
#4ffb9f
```
#4ffb9f rgb(79,251,159)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#a6b2ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b9a1 Protanopia 1% of men
#d0b4ad Deuteranopia 1% of men
#96c1cf Tritanopia 0.001% of the population

Trichromacy

#adbda2 Protanomaly 1% of men, 0.01% of women
#b5baa9 Deuteranomaly 6% of men, 0.4% of women
#90c2bf Tritanomaly 0.01% of the population

#86c4a3 hex color

#86c4a3 Color Information

#86c4a3 Color Conversion

Color Schemes with #86c4a3

Alternatives to #86c4a3

#86c4a3 Preview

Shades and Tints of #86c4a3

Tones of #86c4a3

Color Blindness Simulator