#86a396 hex color

In a RGB color space, hex #86a396 is composed of 52.5% red, 63.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 8% yellow and 36.1% black. It has a hue angle of 153.1 degrees, a saturation of 13.6% and a lightness of 58.2%. #86a396 color hex could be obtained by blending #ffffff with #0d472d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 53
- G 64
- B 59
RGB color chart
- C 18
- M 0
- Y 8
- K 36
CMYK color chart

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

The hexadecimal color #86a396 has RGB values of R:134, G:163, B:150 and CMYK values of C:0.18, M:0, Y:0.08, K:0.36. Its decimal value is 8823702.

Hex triplet	86a396	`#86a396`
RGB Decimal	134, 163, 150	`rgb(134,163,150)`
RGB Percent	52.5, 63.9, 58.8	`rgb(52.5%,63.9%,58.8%)`
CMYK	18, 0, 8, 36
HSL	153.1°, 13.6, 58.2	`hsl(153.1,13.6%,58.2%)`
HSV (or HSB)	153.1°, 17.8, 63.9
Web Safe	999999	`#999999`

CIE-LAB	64.535, -12.737, 3.415
XYZ	28.432, 33.464, 33.814
xyY	0.297, 0.35, 33.464
CIE-LCH	64.535, 13.187, 164.99
CIE-LUV	64.535, -14.967, 6.992
Hunter-Lab	57.848, -13.501, 5.837
Binary	10000110, 10100011, 10010110

#86a396
```
#86a396 rgb(134,163,150)
```
#a38693
```
#a38693 rgb(163,134,147)
```

Complementary Color

#86a388
```
#86a388 rgb(134,163,136)
```
#86a396
```
#86a396 rgb(134,163,150)
```
#86a2a3
```
#86a2a3 rgb(134,162,163)
```

Analogous Color

#a38886
```
#a38886 rgb(163,136,134)
```
#86a396
```
#86a396 rgb(134,163,150)
```
#a386a2
```
#a386a2 rgb(163,134,162)
```

Split Complementary Color

#a39686
```
#a39686 rgb(163,150,134)
```
#86a396
```
#86a396 rgb(134,163,150)
```
#9686a3
```
#9686a3 rgb(150,134,163)
```

Triadic Color

#93a386
```
#93a386 rgb(147,163,134)
```
#86a396
```
#86a396 rgb(134,163,150)
```
#9686a3
```
#9686a3 rgb(150,134,163)
```
#a38693
```
#a38693 rgb(163,134,147)
```

Tetradic Color

#5f7d70
```
#5f7d70 rgb(95,125,112)
```
#6a8c7d
```
#6a8c7d rgb(106,140,125)
```
#789889
```
#789889 rgb(120,152,137)
```
#86a396
```
#86a396 rgb(134,163,150)
```
#94aea3
```
#94aea3 rgb(148,174,163)
```
#a3b9af
```
#a3b9af rgb(163,185,175)
```
#b1c4bc
```
#b1c4bc rgb(177,196,188)
```

Monochromatic Color

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

#86a38f
```
#86a38f rgb(134,163,143)
```
#86a391
```
#86a391 rgb(134,163,145)
```
#86a394
```
#86a394 rgb(134,163,148)
```
#86a396
```
#86a396 rgb(134,163,150)
```
#86a398
```
#86a398 rgb(134,163,152)
```
#86a39b
```
#86a39b rgb(134,163,155)
```
#86a39d
```
#86a39d rgb(134,163,157)
```

Similar Colors

Text with hexadecimal color #86a396

This text has a font color of #86a396.

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

#86a396 background color

This paragraph has a background color of #86a396.

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

#86a396 border color

This element has a border color of #86a396.

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

CSS codes

.text {color:#86a396;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#0a0d0b
```
#0a0d0b rgb(10,13,11)
```
#121815
```
#121815 rgb(18,24,21)
```
#1b231f
```
#1b231f rgb(27,35,31)
```
#232e29
```
#232e29 rgb(35,46,41)
```
#2c3933
```
#2c3933 rgb(44,57,51)
```
#34443d
```
#34443d rgb(52,68,61)
```
#3d5047
```
#3d5047 rgb(61,80,71)
```
#455b51
```
#455b51 rgb(69,91,81)
```
#4d665b
```
#4d665b rgb(77,102,91)
```
#567165
```
#567165 rgb(86,113,101)
```
#5e7c6f
```
#5e7c6f rgb(94,124,111)
```
#678779
```
#678779 rgb(103,135,121)
```

Shade Color Variation

#709283
```
#709283 rgb(112,146,131)
```
#7b9b8c
```
#7b9b8c rgb(123,155,140)
```
#86a396
```
#86a396 rgb(134,163,150)
```
#91aba0
```
#91aba0 rgb(145,171,160)
```
#9cb4a9
```
#9cb4a9 rgb(156,180,169)
```
#a7bcb3
```
#a7bcb3 rgb(167,188,179)
```
#b3c5bd
```
#b3c5bd rgb(179,197,189)
```
#becdc6
```
#becdc6 rgb(190,205,198)
```
#c9d6d0
```
#c9d6d0 rgb(201,214,208)
```
#d4deda
```
#d4deda rgb(212,222,218)
```
#dfe7e3
```
#dfe7e3 rgb(223,231,227)
```
#eaefed
```
#eaefed rgb(234,239,237)
```
#f5f8f7
```
#f5f8f7 rgb(245,248,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9b95 is the less saturated color, while #2cfd9f is the most saturated one.

#8e9b95
```
#8e9b95 rgb(142,155,149)
```
#86a396
```
#86a396 rgb(134,163,150)
```
#7eab97
```
#7eab97 rgb(126,171,151)
```
#76b398
```
#76b398 rgb(118,179,152)
```
#6dbc99
```
#6dbc99 rgb(109,188,153)
```
#65c499
```
#65c499 rgb(101,196,153)
```
#5dcc9a
```
#5dcc9a rgb(93,204,154)
```
#55d49b
```
#55d49b rgb(85,212,155)
```
#4ddc9c
```
#4ddc9c rgb(77,220,156)
```
#44e59d
```
#44e59d rgb(68,229,157)
```
#3ced9e
```
#3ced9e rgb(60,237,158)
```
#34f59e
```
#34f59e rgb(52,245,158)
```
#2cfd9f
```
#2cfd9f rgb(44,253,159)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#959b98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a098 Protanopia 1% of men
#b19c9f Deuteranopia 1% of men
#90a4b0 Tritanopia 0.001% of the population

Trichromacy

#9aa197 Protanomaly 1% of men, 0.01% of women
#a19f9b Deuteranomaly 6% of men, 0.4% of women
#8ca4a6 Tritanomaly 0.01% of the population

#86a396 hex color

#86a396 Color Information

#86a396 Color Conversion

Color Schemes with #86a396

Alternatives to #86a396

#86a396 Preview

Shades and Tints of #86a396

Tones of #86a396

Color Blindness Simulator