#86b48e hex color

In a RGB color space, hex #86b48e is composed of 52.5% red, 70.6% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 0% magenta, 21.1% yellow and 29.4% black. It has a hue angle of 130.4 degrees, a saturation of 23.5% and a lightness of 61.6%. #86b48e color hex could be obtained by blending #ffffff with #0d691d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 71
- B 56
RGB color chart
- C 26
- M 0
- Y 21
- K 29
CMYK color chart

● #86b48e color description : Slightly desaturated lime green.

The hexadecimal color #86b48e has RGB values of R:134, G:180, B:142 and CMYK values of C:0.26, M:0, Y:0.21, K:0.29. Its decimal value is 8828046.

Hex triplet	86b48e	`#86b48e`
RGB Decimal	134, 180, 142	`rgb(134,180,142)`
RGB Percent	52.5, 70.6, 55.7	`rgb(52.5%,70.6%,55.7%)`
CMYK	26, 0, 21, 29
HSL	130.4°, 23.5, 61.6	`hsl(130.4,23.5%,61.6%)`
HSV (or HSB)	130.4°, 25.6, 70.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	69.229, -23.066, 14.516
XYZ	31.034, 39.663, 31.61
xyY	0.303, 0.388, 39.663
CIE-LCH	69.229, 27.254, 147.817
CIE-LUV	69.229, -23.06, 24.204
Hunter-Lab	62.978, -22.253, 14.326
Binary	10000110, 10110100, 10001110

#86b48e
```
#86b48e rgb(134,180,142)
```
#b486ac
```
#b486ac rgb(180,134,172)
```

Complementary Color

#95b486
```
#95b486 rgb(149,180,134)
```
#86b48e
```
#86b48e rgb(134,180,142)
```
#86b4a5
```
#86b4a5 rgb(134,180,165)
```

Analogous Color

#b48695
```
#b48695 rgb(180,134,149)
```
#86b48e
```
#86b48e rgb(134,180,142)
```
#a586b4
```
#a586b4 rgb(165,134,180)
```

Split Complementary Color

#b48e86
```
#b48e86 rgb(180,142,134)
```
#86b48e
```
#86b48e rgb(134,180,142)
```
#8e86b4
```
#8e86b4 rgb(142,134,180)
```

Triadic Color

#acb486
```
#acb486 rgb(172,180,134)
```
#86b48e
```
#86b48e rgb(134,180,142)
```
#8e86b4
```
#8e86b4 rgb(142,134,180)
```
#b486ac
```
#b486ac rgb(180,134,172)
```

Tetradic Color

#5b9365
```
#5b9365 rgb(91,147,101)
```
#67a071
```
#67a071 rgb(103,160,113)
```
#76aa7f
```
#76aa7f rgb(118,170,127)
```
#86b48e
```
#86b48e rgb(134,180,142)
```
#96be9d
```
#96be9d rgb(150,190,157)
```
#a5c8ab
```
#a5c8ab rgb(165,200,171)
```
#b5d1ba
```
#b5d1ba rgb(181,209,186)
```

Monochromatic Color

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

#8ab486
```
#8ab486 rgb(138,180,134)
```
#86b486
```
#86b486 rgb(134,180,134)
```
#86b48a
```
#86b48a rgb(134,180,138)
```
#86b48e
```
#86b48e rgb(134,180,142)
```
#86b492
```
#86b492 rgb(134,180,146)
```
#86b496
```
#86b496 rgb(134,180,150)
```
#86b49a
```
#86b49a rgb(134,180,154)
```

Similar Colors

Text with hexadecimal color #86b48e

This text has a font color of #86b48e.

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

#86b48e background color

This paragraph has a background color of #86b48e.

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

#86b48e border color

This element has a border color of #86b48e.

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

CSS codes

.text {color:#86b48e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080c08
```
#080c08 rgb(8,12,8)
```
#0f1811
```
#0f1811 rgb(15,24,17)
```
#172419
```
#172419 rgb(23,36,25)
```
#1e3121
```
#1e3121 rgb(30,49,33)
```
#263d2a
```
#263d2a rgb(38,61,42)
```
#2d4932
```
#2d4932 rgb(45,73,50)
```
#35553a
```
#35553a rgb(53,85,58)
```
#3c6143
```
#3c6143 rgb(60,97,67)
```
#446d4b
```
#446d4b rgb(68,109,75)
```
#4b7953
```
#4b7953 rgb(75,121,83)
```
#53855b
```
#53855b rgb(83,133,91)
```
#5a9164
```
#5a9164 rgb(90,145,100)
```

Shade Color Variation

#629d6c
```
#629d6c rgb(98,157,108)
```
#6ea577
```
#6ea577 rgb(110,165,119)
```
#7aac83
```
#7aac83 rgb(122,172,131)
```
#86b48e
```
#86b48e rgb(134,180,142)
```
#92bc99
```
#92bc99 rgb(146,188,153)
```
#9ec3a5
```
#9ec3a5 rgb(158,195,165)
```
#aacbb0
```
#aacbb0 rgb(170,203,176)
```
#b6d2bb
```
#b6d2bb rgb(182,210,187)
```
#c3dac7
```
#c3dac7 rgb(195,218,199)
```
#cfe1d2
```
#cfe1d2 rgb(207,225,210)
```
#dbe9dd
```
#dbe9dd rgb(219,233,221)
```
#e7f0e8
```
#e7f0e8 rgb(231,240,232)
```
#f3f8f4
```
#f3f8f4 rgb(243,248,244)
```

Tint Color Variation

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

#9d9d9d
```
#9d9d9d rgb(157,157,157)
```
#95a598
```
#95a598 rgb(149,165,152)
```
#8eac93
```
#8eac93 rgb(142,172,147)
```
#86b48e
```
#86b48e rgb(134,180,142)
```
#7ebc89
```
#7ebc89 rgb(126,188,137)
```
#77c384
```
#77c384 rgb(119,195,132)
```
#6fcb7f
```
#6fcb7f rgb(111,203,127)
```
#68d27a
```
#68d27a rgb(104,210,122)
```
#60da75
```
#60da75 rgb(96,218,117)
```
#59e171
```
#59e171 rgb(89,225,113)
```
#51e96c
```
#51e96c rgb(81,233,108)
```
#4af067
```
#4af067 rgb(74,240,103)
```
#42f862
```
#42f862 rgb(66,248,98)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9ca69e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7ad8f Protanopia 1% of men
#c5a799 Deuteranopia 1% of men
#95b1be Tritanopia 0.001% of the population

Trichromacy

#a5af8e Protanomaly 1% of men, 0.01% of women
#aeac95 Deuteranomaly 6% of men, 0.4% of women
#8fb2ad Tritanomaly 0.01% of the population

#86b48e hex color

#86b48e Color Information

#86b48e Color Conversion

Color Schemes with #86b48e

Alternatives to #86b48e

#86b48e Preview

Shades and Tints of #86b48e

Tones of #86b48e

Color Blindness Simulator