#86a393 hex color

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

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

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

The hexadecimal color #86a393 has RGB values of R:134, G:163, B:147 and CMYK values of C:0.18, M:0, Y:0.1, K:0.36. Its decimal value is 8823699.

Hex triplet	86a393	`#86a393`
RGB Decimal	134, 163, 147	`rgb(134,163,147)`
RGB Percent	52.5, 63.9, 57.6	`rgb(52.5%,63.9%,57.6%)`
CMYK	18, 0, 10, 36
HSL	146.9°, 13.6, 58.2	`hsl(146.9,13.6%,58.2%)`
HSV (or HSB)	146.9°, 17.8, 63.9
Web Safe	999999	`#999999`

CIE-LAB	64.458, -13.344, 4.982
XYZ	28.194, 33.369, 32.558
xyY	0.3, 0.355, 33.369
CIE-LCH	64.458, 14.244, 159.529
CIE-LUV	64.458, -14.917, 9.302
Hunter-Lab	57.766, -13.969, 7.019
Binary	10000110, 10100011, 10010011

#86a393
```
#86a393 rgb(134,163,147)
```
#a38696
```
#a38696 rgb(163,134,150)
```

Complementary Color

#88a386
```
#88a386 rgb(136,163,134)
```
#86a393
```
#86a393 rgb(134,163,147)
```
#86a3a2
```
#86a3a2 rgb(134,163,162)
```

Analogous Color

#a38688
```
#a38688 rgb(163,134,136)
```
#86a393
```
#86a393 rgb(134,163,147)
```
#a286a3
```
#a286a3 rgb(162,134,163)
```

Split Complementary Color

#a39386
```
#a39386 rgb(163,147,134)
```
#86a393
```
#86a393 rgb(134,163,147)
```
#9386a3
```
#9386a3 rgb(147,134,163)
```

Triadic Color

#96a386
```
#96a386 rgb(150,163,134)
```
#86a393
```
#86a393 rgb(134,163,147)
```
#9386a3
```
#9386a3 rgb(147,134,163)
```
#a38696
```
#a38696 rgb(163,134,150)
```

Tetradic Color

#5f7d6d
```
#5f7d6d rgb(95,125,109)
```
#6a8c79
```
#6a8c79 rgb(106,140,121)
```
#789886
```
#789886 rgb(120,152,134)
```
#86a393
```
#86a393 rgb(134,163,147)
```
#94aea0
```
#94aea0 rgb(148,174,160)
```
#a3b9ad
```
#a3b9ad rgb(163,185,173)
```
#b1c4ba
```
#b1c4ba rgb(177,196,186)
```

Monochromatic Color

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

#86a38c
```
#86a38c rgb(134,163,140)
```
#86a38e
```
#86a38e rgb(134,163,142)
```
#86a391
```
#86a391 rgb(134,163,145)
```
#86a393
```
#86a393 rgb(134,163,147)
```
#86a395
```
#86a395 rgb(134,163,149)
```
#86a398
```
#86a398 rgb(134,163,152)
```
#86a39a
```
#86a39a rgb(134,163,154)
```

Similar Colors

Text with hexadecimal color #86a393

This text has a font color of #86a393.

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

#86a393 background color

This paragraph has a background color of #86a393.

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

#86a393 border color

This element has a border color of #86a393.

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

CSS codes

.text {color:#86a393;}

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

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

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 #f5f8f6 is the lightest one.

#010201
```
#010201 rgb(1,2,1)
```
#0a0d0b
```
#0a0d0b rgb(10,13,11)
```
#121815
```
#121815 rgb(18,24,21)
```
#1b231e
```
#1b231e rgb(27,35,30)
```
#232e28
```
#232e28 rgb(35,46,40)
```
#2c3932
```
#2c3932 rgb(44,57,50)
```
#34443b
```
#34443b rgb(52,68,59)
```
#3d5045
```
#3d5045 rgb(61,80,69)
```
#455b4f
```
#455b4f rgb(69,91,79)
```
#4d6658
```
#4d6658 rgb(77,102,88)
```
#567162
```
#567162 rgb(86,113,98)
```
#5e7c6c
```
#5e7c6c rgb(94,124,108)
```
#678775
```
#678775 rgb(103,135,117)
```

Shade Color Variation

#70927f
```
#70927f rgb(112,146,127)
```
#7b9b89
```
#7b9b89 rgb(123,155,137)
```
#86a393
```
#86a393 rgb(134,163,147)
```
#91ab9d
```
#91ab9d rgb(145,171,157)
```
#9cb4a7
```
#9cb4a7 rgb(156,180,167)
```
#a7bcb1
```
#a7bcb1 rgb(167,188,177)
```
#b3c5bb
```
#b3c5bb rgb(179,197,187)
```
#becdc5
```
#becdc5 rgb(190,205,197)
```
#c9d6cf
```
#c9d6cf rgb(201,214,207)
```
#d4ded9
```
#d4ded9 rgb(212,222,217)
```
#dfe7e3
```
#dfe7e3 rgb(223,231,227)
```
#eaefed
```
#eaefed rgb(234,239,237)
```
#f5f8f6
```
#f5f8f6 rgb(245,248,246)
```

Tint Color Variation

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

#8e9b94
```
#8e9b94 rgb(142,155,148)
```
#86a393
```
#86a393 rgb(134,163,147)
```
#7eab92
```
#7eab92 rgb(126,171,146)
```
#76b391
```
#76b391 rgb(118,179,145)
```
#6dbc90
```
#6dbc90 rgb(109,188,144)
```
#65c490
```
#65c490 rgb(101,196,144)
```
#5dcc8f
```
#5dcc8f rgb(93,204,143)
```
#55d48e
```
#55d48e rgb(85,212,142)
```
#4ddc8d
```
#4ddc8d rgb(77,220,141)
```
#44e58c
```
#44e58c rgb(68,229,140)
```
#3ced8b
```
#3ced8b rgb(60,237,139)
```
#34f58b
```
#34f58b rgb(52,245,139)
```
#2cfd8a
```
#2cfd8a rgb(44,253,138)
```

Tone Color Variation

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

#a7a095 Protanopia 1% of men
#b29c9c Deuteranopia 1% of men
#91a4b0 Tritanopia 0.001% of the population

Trichromacy

#9ba194 Protanomaly 1% of men, 0.01% of women
#a29e98 Deuteranomaly 6% of men, 0.4% of women
#8da3a5 Tritanomaly 0.01% of the population

#86a393 hex color

#86a393 Color Information

#86a393 Color Conversion

Color Schemes with #86a393

Alternatives to #86a393

#86a393 Preview

Shades and Tints of #86a393

Tones of #86a393

Color Blindness Simulator