#86a796 hex color

In a RGB color space, hex #86a796 is composed of 52.5% red, 65.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 0% magenta, 10.2% yellow and 34.5% black. It has a hue angle of 149.1 degrees, a saturation of 15.8% and a lightness of 59%. #86a796 color hex could be obtained by blending #ffffff with #0d4f2d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 53
- G 65
- B 59
RGB color chart
- C 20
- M 0
- Y 10
- K 35
CMYK color chart

● #86a796 color description : Dark grayish cyan - lime green.

The hexadecimal color #86a796 has RGB values of R:134, G:167, B:150 and CMYK values of C:0.2, M:0, Y:0.1, K:0.35. Its decimal value is 8824726.

Hex triplet	86a796	`#86a796`
RGB Decimal	134, 167, 150	`rgb(134,167,150)`
RGB Percent	52.5, 65.5, 58.8	`rgb(52.5%,65.5%,58.8%)`
CMYK	20, 0, 10, 35
HSL	149.1°, 15.8, 59	`hsl(149.1,15.8%,59%)`
HSV (or HSB)	149.1°, 19.8, 65.5
Web Safe	999999	`#999999`

CIE-LAB	65.676, -14.851, 5.063
XYZ	29.154, 34.907, 34.054
xyY	0.297, 0.356, 34.907
CIE-LCH	65.676, 15.69, 161.176
CIE-LUV	65.676, -16.888, 9.699
Hunter-Lab	59.082, -15.314, 7.184
Binary	10000110, 10100111, 10010110

#86a796
```
#86a796 rgb(134,167,150)
```
#a78697
```
#a78697 rgb(167,134,151)
```

Complementary Color

#87a786
```
#87a786 rgb(135,167,134)
```
#86a796
```
#86a796 rgb(134,167,150)
```
#86a7a7
```
#86a7a7 rgb(134,167,167)
```

Analogous Color

#a78687
```
#a78687 rgb(167,134,135)
```
#86a796
```
#86a796 rgb(134,167,150)
```
#a786a7
```
#a786a7 rgb(167,134,167)
```

Split Complementary Color

#a79686
```
#a79686 rgb(167,150,134)
```
#86a796
```
#86a796 rgb(134,167,150)
```
#9686a7
```
#9686a7 rgb(150,134,167)
```

Triadic Color

#97a786
```
#97a786 rgb(151,167,134)
```
#86a796
```
#86a796 rgb(134,167,150)
```
#9686a7
```
#9686a7 rgb(150,134,167)
```
#a78697
```
#a78697 rgb(167,134,151)
```

Tetradic Color

#5f8270
```
#5f8270 rgb(95,130,112)
```
#69917c
```
#69917c rgb(105,145,124)
```
#779c89
```
#779c89 rgb(119,156,137)
```
#86a796
```
#86a796 rgb(134,167,150)
```
#95b2a3
```
#95b2a3 rgb(149,178,163)
```
#a4bcb0
```
#a4bcb0 rgb(164,188,176)
```
#b2c7bc
```
#b2c7bc rgb(178,199,188)
```

Monochromatic Color

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

#86a78e
```
#86a78e rgb(134,167,142)
```
#86a791
```
#86a791 rgb(134,167,145)
```
#86a793
```
#86a793 rgb(134,167,147)
```
#86a796
```
#86a796 rgb(134,167,150)
```
#86a799
```
#86a799 rgb(134,167,153)
```
#86a79c
```
#86a79c rgb(134,167,156)
```
#86a79e
```
#86a79e rgb(134,167,158)
```

Similar Colors

Text with hexadecimal color #86a796

This text has a font color of #86a796.

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

#86a796 background color

This paragraph has a background color of #86a796.

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

#86a796 border color

This element has a border color of #86a796.

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

CSS codes

.text {color:#86a796;}

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

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

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

#030403
```
#030403 rgb(3,4,3)
```
#0b0f0d
```
#0b0f0d rgb(11,15,13)
```
#131b17
```
#131b17 rgb(19,27,23)
```
#1c2621
```
#1c2621 rgb(28,38,33)
```
#24312a
```
#24312a rgb(36,49,42)
```
#2c3d34
```
#2c3d34 rgb(44,61,52)
```
#34483e
```
#34483e rgb(52,72,62)
```
#3d5348
```
#3d5348 rgb(61,83,72)
```
#455f51
```
#455f51 rgb(69,95,81)
```
#4d6a5b
```
#4d6a5b rgb(77,106,91)
```
#557565
```
#557565 rgb(85,117,101)
```
#5e816f
```
#5e816f rgb(94,129,111)
```
#668c78
```
#668c78 rgb(102,140,120)
```

Shade Color Variation

#6f9682
```
#6f9682 rgb(111,150,130)
```
#7b9f8c
```
#7b9f8c rgb(123,159,140)
```
#86a796
```
#86a796 rgb(134,167,150)
```
#91afa0
```
#91afa0 rgb(145,175,160)
```
#9db8aa
```
#9db8aa rgb(157,184,170)
```
#a8c0b4
```
#a8c0b4 rgb(168,192,180)
```
#b3c8bd
```
#b3c8bd rgb(179,200,189)
```
#bfd0c7
```
#bfd0c7 rgb(191,208,199)
```
#cad9d1
```
#cad9d1 rgb(202,217,209)
```
#d5e1db
```
#d5e1db rgb(213,225,219)
```
#e1e9e5
```
#e1e9e5 rgb(225,233,229)
```
#ecf1ef
```
#ecf1ef rgb(236,241,239)
```
#f8faf9
```
#f8faf9 rgb(248,250,249)
```

Tint Color Variation

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

#969796
```
#969796 rgb(150,151,150)
```
#8e9f96
```
#8e9f96 rgb(142,159,150)
```
#86a796
```
#86a796 rgb(134,167,150)
```
#7eaf96
```
#7eaf96 rgb(126,175,150)
```
#76b796
```
#76b796 rgb(118,183,150)
```
#6ebf95
```
#6ebf95 rgb(110,191,149)
```
#66c795
```
#66c795 rgb(102,199,149)
```
#5ecf95
```
#5ecf95 rgb(94,207,149)
```
#56d795
```
#56d795 rgb(86,215,149)
```
#4edf94
```
#4edf94 rgb(78,223,148)
```
#46e794
```
#46e794 rgb(70,231,148)
```
#3eef94
```
#3eef94 rgb(62,239,148)
```
#36f794
```
#36f794 rgb(54,247,148)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#979d9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa397 Protanopia 1% of men
#b59f9f Deuteranopia 1% of men
#91a7b3 Tritanopia 0.001% of the population

Trichromacy

#9da597 Protanomaly 1% of men, 0.01% of women
#a4a29c Deuteranomaly 6% of men, 0.4% of women
#8da7a9 Tritanomaly 0.01% of the population

#86a796 hex color

#86a796 Color Information

#86a796 Color Conversion

Color Schemes with #86a796

Alternatives to #86a796

#86a796 Preview

Shades and Tints of #86a796

Tones of #86a796

Color Blindness Simulator