#86a894 hex color

In a RGB color space, hex #86a894 is composed of 52.5% red, 65.9% green and 58% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 0% magenta, 11.9% yellow and 34.1% black. It has a hue angle of 144.7 degrees, a saturation of 16.3% and a lightness of 59.2%. #86a894 color hex could be obtained by blending #ffffff with #0d5129. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 53
- G 66
- B 58
RGB color chart
- C 20
- M 0
- Y 12
- K 34
CMYK color chart

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

The hexadecimal color #86a894 has RGB values of R:134, G:168, B:148 and CMYK values of C:0.2, M:0, Y:0.12, K:0.34. Its decimal value is 8824980.

Hex triplet	86a894	`#86a894`
RGB Decimal	134, 168, 148	`rgb(134,168,148)`
RGB Percent	52.5, 65.9, 58	`rgb(52.5%,65.9%,58%)`
CMYK	20, 0, 12, 34
HSL	144.7°, 16.3, 59.2	`hsl(144.7,16.3%,59.2%)`
HSV (or HSB)	144.7°, 20.2, 65.9
Web Safe	999999	`#999999`

CIE-LAB	65.913, -15.777, 6.514
XYZ	29.178, 35.211, 33.274
xyY	0.299, 0.361, 35.211
CIE-LCH	65.913, 17.069, 157.564
CIE-LUV	65.913, -17.343, 11.897
Hunter-Lab	59.339, -16.071, 8.29
Binary	10000110, 10101000, 10010100

#86a894
```
#86a894 rgb(134,168,148)
```
#a8869a
```
#a8869a rgb(168,134,154)
```

Complementary Color

#89a886
```
#89a886 rgb(137,168,134)
```
#86a894
```
#86a894 rgb(134,168,148)
```
#86a8a5
```
#86a8a5 rgb(134,168,165)
```

Analogous Color

#a88689
```
#a88689 rgb(168,134,137)
```
#86a894
```
#86a894 rgb(134,168,148)
```
#a586a8
```
#a586a8 rgb(165,134,168)
```

Split Complementary Color

#a89486
```
#a89486 rgb(168,148,134)
```
#86a894
```
#86a894 rgb(134,168,148)
```
#9486a8
```
#9486a8 rgb(148,134,168)
```

Triadic Color

#9aa886
```
#9aa886 rgb(154,168,134)
```
#86a894
```
#86a894 rgb(134,168,148)
```
#9486a8
```
#9486a8 rgb(148,134,168)
```
#a8869a
```
#a8869a rgb(168,134,154)
```

Tetradic Color

#5e836d
```
#5e836d rgb(94,131,109)
```
#69927a
```
#69927a rgb(105,146,122)
```
#779d87
```
#779d87 rgb(119,157,135)
```
#86a894
```
#86a894 rgb(134,168,148)
```
#95b3a1
```
#95b3a1 rgb(149,179,161)
```
#a4bdae
```
#a4bdae rgb(164,189,174)
```
#b3c8bb
```
#b3c8bb rgb(179,200,187)
```

Monochromatic Color

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

#86a88c
```
#86a88c rgb(134,168,140)
```
#86a88e
```
#86a88e rgb(134,168,142)
```
#86a891
```
#86a891 rgb(134,168,145)
```
#86a894
```
#86a894 rgb(134,168,148)
```
#86a897
```
#86a897 rgb(134,168,151)
```
#86a89a
```
#86a89a rgb(134,168,154)
```
#86a89d
```
#86a89d rgb(134,168,157)
```

Similar Colors

Text with hexadecimal color #86a894

This text has a font color of #86a894.

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

#86a894 background color

This paragraph has a background color of #86a894.

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

#86a894 border color

This element has a border color of #86a894.

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

CSS codes

.text {color:#86a894;}

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

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

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

#030504
```
#030504 rgb(3,5,4)
```
#0b100d
```
#0b100d rgb(11,16,13)
```
#141b17
```
#141b17 rgb(20,27,23)
```
#1c2720
```
#1c2720 rgb(28,39,32)
```
#24322a
```
#24322a rgb(36,50,42)
```
#2c3e33
```
#2c3e33 rgb(44,62,51)
```
#34493d
```
#34493d rgb(52,73,61)
```
#3d5446
```
#3d5446 rgb(61,84,70)
```
#456050
```
#456050 rgb(69,96,80)
```
#4d6b59
```
#4d6b59 rgb(77,107,89)
```
#557763
```
#557763 rgb(85,119,99)
```
#5d826d
```
#5d826d rgb(93,130,109)
```
#668d76
```
#668d76 rgb(102,141,118)
```

Shade Color Variation

#6f9880
```
#6f9880 rgb(111,152,128)
```
#7ba08a
```
#7ba08a rgb(123,160,138)
```
#86a894
```
#86a894 rgb(134,168,148)
```
#91b09e
```
#91b09e rgb(145,176,158)
```
#9db8a8
```
#9db8a8 rgb(157,184,168)
```
#a8c1b2
```
#a8c1b2 rgb(168,193,178)
```
#b4c9bc
```
#b4c9bc rgb(180,201,188)
```
#bfd1c6
```
#bfd1c6 rgb(191,209,198)
```
#cad9d1
```
#cad9d1 rgb(202,217,209)
```
#d6e1db
```
#d6e1db rgb(214,225,219)
```
#e1eae5
```
#e1eae5 rgb(225,234,229)
```
#edf2ef
```
#edf2ef rgb(237,242,239)
```
#f8faf9
```
#f8faf9 rgb(248,250,249)
```

Tint Color Variation

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

#969897
```
#969897 rgb(150,152,151)
```
#8ea095
```
#8ea095 rgb(142,160,149)
```
#86a894
```
#86a894 rgb(134,168,148)
```
#7eb093
```
#7eb093 rgb(126,176,147)
```
#76b891
```
#76b891 rgb(118,184,145)
```
#6ec090
```
#6ec090 rgb(110,192,144)
```
#66c88e
```
#66c88e rgb(102,200,142)
```
#5ed08d
```
#5ed08d rgb(94,208,141)
```
#56d88c
```
#56d88c rgb(86,216,140)
```
#4ee08a
```
#4ee08a rgb(78,224,138)
```
#46e889
```
#46e889 rgb(70,232,137)
```
#3ef087
```
#3ef087 rgb(62,240,135)
```
#36f886
```
#36f886 rgb(54,248,134)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#989e9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba495 Protanopia 1% of men
#b79f9d Deuteranopia 1% of men
#92a8b4 Tritanopia 0.001% of the population

Trichromacy

#9da595 Protanomaly 1% of men, 0.01% of women
#a5a29a Deuteranomaly 6% of men, 0.4% of women
#8da8a8 Tritanomaly 0.01% of the population

#86a894 hex color

#86a894 Color Information

#86a894 Color Conversion

Color Schemes with #86a894

Alternatives to #86a894

#86a894 Preview

Shades and Tints of #86a894

Tones of #86a894

Color Blindness Simulator