#86b894 hex color

In a RGB color space, hex #86b894 is composed of 52.5% red, 72.2% green and 58% blue. Whereas in a CMYK color space, it is composed of 27.2% cyan, 0% magenta, 19.6% yellow and 27.8% black. It has a hue angle of 136.8 degrees, a saturation of 26% and a lightness of 62.4%. #86b894 color hex could be obtained by blending #ffffff with #0d7129. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 72
- B 58
RGB color chart
- C 27
- M 0
- Y 20
- K 28
CMYK color chart

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

The hexadecimal color #86b894 has RGB values of R:134, G:184, B:148 and CMYK values of C:0.27, M:0, Y:0.2, K:0.28. Its decimal value is 8829076.

Hex triplet	86b894	`#86b894`
RGB Decimal	134, 184, 148	`rgb(134,184,148)`
RGB Percent	52.5, 72.2, 58	`rgb(52.5%,72.2%,58%)`
CMYK	27, 0, 20, 28
HSL	136.8°, 26, 62.4	`hsl(136.8,26%,62.4%)`
HSV (or HSB)	136.8°, 27.2, 72.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	70.515, -23.935, 13.053
XYZ	32.316, 41.486, 34.32
xyY	0.299, 0.384, 41.486
CIE-LCH	70.515, 27.263, 151.394
CIE-LUV	70.515, -24.945, 22.481
Hunter-Lab	64.41, -23.16, 13.495
Binary	10000110, 10111000, 10010100

#86b894
```
#86b894 rgb(134,184,148)
```
#b886aa
```
#b886aa rgb(184,134,170)
```

Complementary Color

#91b886
```
#91b886 rgb(145,184,134)
```
#86b894
```
#86b894 rgb(134,184,148)
```
#86b8ad
```
#86b8ad rgb(134,184,173)
```

Analogous Color

#b88691
```
#b88691 rgb(184,134,145)
```
#86b894
```
#86b894 rgb(134,184,148)
```
#ad86b8
```
#ad86b8 rgb(173,134,184)
```

Split Complementary Color

#b89486
```
#b89486 rgb(184,148,134)
```
#86b894
```
#86b894 rgb(134,184,148)
```
#9486b8
```
#9486b8 rgb(148,134,184)
```

Triadic Color

#aab886
```
#aab886 rgb(170,184,134)
```
#86b894
```
#86b894 rgb(134,184,148)
```
#9486b8
```
#9486b8 rgb(148,134,184)
```
#b886aa
```
#b886aa rgb(184,134,170)
```

Tetradic Color

#59986b
```
#59986b rgb(89,152,107)
```
#66a578
```
#66a578 rgb(102,165,120)
```
#76af86
```
#76af86 rgb(118,175,134)
```
#86b894
```
#86b894 rgb(134,184,148)
```
#96c1a2
```
#96c1a2 rgb(150,193,162)
```
#a6cbb0
```
#a6cbb0 rgb(166,203,176)
```
#b6d4bf
```
#b6d4bf rgb(182,212,191)
```

Monochromatic Color

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

#86b888
```
#86b888 rgb(134,184,136)
```
#86b88c
```
#86b88c rgb(134,184,140)
```
#86b890
```
#86b890 rgb(134,184,144)
```
#86b894
```
#86b894 rgb(134,184,148)
```
#86b898
```
#86b898 rgb(134,184,152)
```
#86b89c
```
#86b89c rgb(134,184,156)
```
#86b8a1
```
#86b8a1 rgb(134,184,161)
```

Similar Colors

Text with hexadecimal color #86b894

This text has a font color of #86b894.

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

#86b894 background color

This paragraph has a background color of #86b894.

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

#86b894 border color

This element has a border color of #86b894.

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

CSS codes

.text {color:#86b894;}

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

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

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

#020302
```
#020302 rgb(2,3,2)
```
#090f0b
```
#090f0b rgb(9,15,11)
```
#101b13
```
#101b13 rgb(16,27,19)
```
#17281c
```
#17281c rgb(23,40,28)
```
#1f3425
```
#1f3425 rgb(31,52,37)
```
#26402d
```
#26402d rgb(38,64,45)
```
#2d4d36
```
#2d4d36 rgb(45,77,54)
```
#34593f
```
#34593f rgb(52,89,63)
```
#3c6647
```
#3c6647 rgb(60,102,71)
```
#437250
```
#437250 rgb(67,114,80)
```
#4a7e59
```
#4a7e59 rgb(74,126,89)
```
#518b61
```
#518b61 rgb(81,139,97)
```
#59976a
```
#59976a rgb(89,151,106)
```

Shade Color Variation

#61a273
```
#61a273 rgb(97,162,115)
```
#6da97e
```
#6da97e rgb(109,169,126)
```
#7ab189
```
#7ab189 rgb(122,177,137)
```
#86b894
```
#86b894 rgb(134,184,148)
```
#92bf9f
```
#92bf9f rgb(146,191,159)
```
#9fc7aa
```
#9fc7aa rgb(159,199,170)
```
#abceb5
```
#abceb5 rgb(171,206,181)
```
#b7d5c0
```
#b7d5c0 rgb(183,213,192)
```
#c4dccb
```
#c4dccb rgb(196,220,203)
```
#d0e4d6
```
#d0e4d6 rgb(208,228,214)
```
#ddebe1
```
#ddebe1 rgb(221,235,225)
```
#e9f2eb
```
#e9f2eb rgb(233,242,235)
```
#f5f9f6
```
#f5f9f6 rgb(245,249,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca29e is the less saturated color, while #44fa77 is the most saturated one.

#9ca29e
```
#9ca29e rgb(156,162,158)
```
#95a99a
```
#95a99a rgb(149,169,154)
```
#8db197
```
#8db197 rgb(141,177,151)
```
#86b894
```
#86b894 rgb(134,184,148)
```
#7fbf91
```
#7fbf91 rgb(127,191,145)
```
#77c78e
```
#77c78e rgb(119,199,142)
```
#70ce8a
```
#70ce8a rgb(112,206,138)
```
#68d687
```
#68d687 rgb(104,214,135)
```
#61dd84
```
#61dd84 rgb(97,221,132)
```
#5ae481
```
#5ae481 rgb(90,228,129)
```
#52ec7d
```
#52ec7d rgb(82,236,125)
```
#4bf37a
```
#4bf37a rgb(75,243,122)
```
#44fa77
```
#44fa77 rgb(68,250,119)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9fa9a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab094 Protanopia 1% of men
#c7aa9f Deuteranopia 1% of men
#95b5c2 Tritanopia 0.001% of the population

Trichromacy

#a7b394 Protanomaly 1% of men, 0.01% of women
#afaf9b Deuteranomaly 6% of men, 0.4% of women
#90b6b1 Tritanomaly 0.01% of the population

#86b894 hex color

#86b894 Color Information

#86b894 Color Conversion

Color Schemes with #86b894

Alternatives to #86b894

#86b894 Preview

Shades and Tints of #86b894

Tones of #86b894

Color Blindness Simulator