#86bd9c hex color

In a RGB color space, hex #86bd9c is composed of 52.5% red, 74.1% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 0% magenta, 17.5% yellow and 25.9% black. It has a hue angle of 144 degrees, a saturation of 29.4% and a lightness of 63.3%. #86bd9c color hex could be obtained by blending #ffffff with #0d7b39. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 74
- B 61
RGB color chart
- C 29
- M 0
- Y 17
- K 26
CMYK color chart

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

The hexadecimal color #86bd9c has RGB values of R:134, G:189, B:156 and CMYK values of C:0.29, M:0, Y:0.17, K:0.26. Its decimal value is 8830364.

Hex triplet	86bd9c	`#86bd9c`
RGB Decimal	134, 189, 156	`rgb(134,189,156)`
RGB Percent	52.5, 74.1, 61.2	`rgb(52.5%,74.1%,61.2%)`
CMYK	29, 0, 17, 26
HSL	144°, 29.4, 63.3	`hsl(144,29.4%,63.3%)`
HSV (or HSB)	144°, 29.1, 74.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.137, -24.865, 10.995
XYZ	34.028, 43.863, 38.124
xyY	0.293, 0.378, 43.863
CIE-LCH	72.137, 27.187, 156.145
CIE-LUV	72.137, -27.23, 19.917
Hunter-Lab	66.229, -24.188, 12.23
Binary	10000110, 10111101, 10011100

#86bd9c
```
#86bd9c rgb(134,189,156)
```
#bd86a7
```
#bd86a7 rgb(189,134,167)
```

Complementary Color

#8cbd86
```
#8cbd86 rgb(140,189,134)
```
#86bd9c
```
#86bd9c rgb(134,189,156)
```
#86bdb8
```
#86bdb8 rgb(134,189,184)
```

Analogous Color

#bd868c
```
#bd868c rgb(189,134,140)
```
#86bd9c
```
#86bd9c rgb(134,189,156)
```
#b886bd
```
#b886bd rgb(184,134,189)
```

Split Complementary Color

#bd9c86
```
#bd9c86 rgb(189,156,134)
```
#86bd9c
```
#86bd9c rgb(134,189,156)
```
#9c86bd
```
#9c86bd rgb(156,134,189)
```

Triadic Color

#a7bd86
```
#a7bd86 rgb(167,189,134)
```
#86bd9c
```
#86bd9c rgb(134,189,156)
```
#9c86bd
```
#9c86bd rgb(156,134,189)
```
#bd86a7
```
#bd86a7 rgb(189,134,167)
```

Tetradic Color

#57a074
```
#57a074 rgb(87,160,116)
```
#65ab81
```
#65ab81 rgb(101,171,129)
```
#76b48f
```
#76b48f rgb(118,180,143)
```
#86bd9c
```
#86bd9c rgb(134,189,156)
```
#97c6aa
```
#97c6aa rgb(151,198,170)
```
#a7cfb7
```
#a7cfb7 rgb(167,207,183)
```
#b8d8c5
```
#b8d8c5 rgb(184,216,197)
```

Monochromatic Color

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

#86bd8e
```
#86bd8e rgb(134,189,142)
```
#86bd93
```
#86bd93 rgb(134,189,147)
```
#86bd97
```
#86bd97 rgb(134,189,151)
```
#86bd9c
```
#86bd9c rgb(134,189,156)
```
#86bda1
```
#86bda1 rgb(134,189,161)
```
#86bda5
```
#86bda5 rgb(134,189,165)
```
#86bdaa
```
#86bdaa rgb(134,189,170)
```

Similar Colors

Text with hexadecimal color #86bd9c

This text has a font color of #86bd9c.

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

#86bd9c background color

This paragraph has a background color of #86bd9c.

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

#86bd9c border color

This element has a border color of #86bd9c.

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

CSS codes

.text {color:#86bd9c;}

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

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

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

#030604
```
#030604 rgb(3,6,4)
```
#0a130e
```
#0a130e rgb(10,19,14)
```
#111f17
```
#111f17 rgb(17,31,23)
```
#182c20
```
#182c20 rgb(24,44,32)
```
#1f3929
```
#1f3929 rgb(31,57,41)
```
#264532
```
#264532 rgb(38,69,50)
```
#2d523c
```
#2d523c rgb(45,82,60)
```
#345f45
```
#345f45 rgb(52,95,69)
```
#3b6b4e
```
#3b6b4e rgb(59,107,78)
```
#427857
```
#427857 rgb(66,120,87)
```
#488561
```
#488561 rgb(72,133,97)
```
#4f926a
```
#4f926a rgb(79,146,106)
```
#569e73
```
#569e73 rgb(86,158,115)
```

Shade Color Variation

#60a87d
```
#60a87d rgb(96,168,125)
```
#6daf87
```
#6daf87 rgb(109,175,135)
```
#79b692
```
#79b692 rgb(121,182,146)
```
#86bd9c
```
#86bd9c rgb(134,189,156)
```
#93c4a6
```
#93c4a6 rgb(147,196,166)
```
#9fcbb1
```
#9fcbb1 rgb(159,203,177)
```
#acd2bb
```
#acd2bb rgb(172,210,187)
```
#b9d9c6
```
#b9d9c6 rgb(185,217,198)
```
#c5e0d0
```
#c5e0d0 rgb(197,224,208)
```
#d2e7da
```
#d2e7da rgb(210,231,218)
```
#dfede5
```
#dfede5 rgb(223,237,229)
```
#ecf4ef
```
#ecf4ef rgb(236,244,239)
```
#f8fbf9
```
#f8fbf9 rgb(248,251,249)
```

Tint Color Variation

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

#9ca7a0
```
#9ca7a0 rgb(156,167,160)
```
#94af9f
```
#94af9f rgb(148,175,159)
```
#8db69d
```
#8db69d rgb(141,182,157)
```
#86bd9c
```
#86bd9c rgb(134,189,156)
```
#7fc49b
```
#7fc49b rgb(127,196,155)
```
#78cb99
```
#78cb99 rgb(120,203,153)
```
#70d398
```
#70d398 rgb(112,211,152)
```
#69da96
```
#69da96 rgb(105,218,150)
```
#62e195
```
#62e195 rgb(98,225,149)
```
#5be893
```
#5be893 rgb(91,232,147)
```
#54ef92
```
#54ef92 rgb(84,239,146)
```
#4cf790
```
#4cf790 rgb(76,247,144)
```
#45fe8f
```
#45fe8f rgb(69,254,143)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a2ada6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb49b Protanopia 1% of men
#caaea6 Deuteranopia 1% of men
#95bac8 Tritanopia 0.001% of the population

Trichromacy

#a9b79b Protanomaly 1% of men, 0.01% of women
#b1b4a2 Deuteranomaly 6% of men, 0.4% of women
#8fbbb8 Tritanomaly 0.01% of the population

#86bd9c hex color

#86bd9c Color Information

#86bd9c Color Conversion

Color Schemes with #86bd9c

Alternatives to #86bd9c

#86bd9c Preview

Shades and Tints of #86bd9c

Tones of #86bd9c

Color Blindness Simulator