#86bb9f hex color

In a RGB color space, hex #86bb9f is composed of 52.5% red, 73.3% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 0% magenta, 15% yellow and 26.7% black. It has a hue angle of 148.3 degrees, a saturation of 28% and a lightness of 62.9%. #86bb9f color hex could be obtained by blending #ffffff with #0d773f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 73
- B 62
RGB color chart
- C 28
- M 0
- Y 15
- K 27
CMYK color chart

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

The hexadecimal color #86bb9f has RGB values of R:134, G:187, B:159 and CMYK values of C:0.28, M:0, Y:0.15, K:0.27. Its decimal value is 8829855.

Hex triplet	86bb9f	`#86bb9f`
RGB Decimal	134, 187, 159	`rgb(134,187,159)`
RGB Percent	52.5, 73.3, 62.4	`rgb(52.5%,73.3%,62.4%)`
CMYK	28, 0, 15, 27
HSL	148.3°, 28, 62.9	`hsl(148.3,28%,62.9%)`
HSV (or HSB)	148.3°, 28.3, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	71.63, -23.275, 8.644
XYZ	33.858, 43.111, 39.336
xyY	0.291, 0.371, 43.111
CIE-LCH	71.63, 24.828, 159.626
CIE-LUV	71.63, -26.295, 16.346
Hunter-Lab	65.659, -22.857, 10.441
Binary	10000110, 10111011, 10011111

#86bb9f
```
#86bb9f rgb(134,187,159)
```
#bb86a2
```
#bb86a2 rgb(187,134,162)
```

Complementary Color

#88bb86
```
#88bb86 rgb(136,187,134)
```
#86bb9f
```
#86bb9f rgb(134,187,159)
```
#86bbba
```
#86bbba rgb(134,187,186)
```

Analogous Color

#bb8688
```
#bb8688 rgb(187,134,136)
```
#86bb9f
```
#86bb9f rgb(134,187,159)
```
#ba86bb
```
#ba86bb rgb(186,134,187)
```

Split Complementary Color

#bb9f86
```
#bb9f86 rgb(187,159,134)
```
#86bb9f
```
#86bb9f rgb(134,187,159)
```
#9f86bb
```
#9f86bb rgb(159,134,187)
```

Triadic Color

#a2bb86
```
#a2bb86 rgb(162,187,134)
```
#86bb9f
```
#86bb9f rgb(134,187,159)
```
#9f86bb
```
#9f86bb rgb(159,134,187)
```
#bb86a2
```
#bb86a2 rgb(187,134,162)
```

Tetradic Color

#589d78
```
#589d78 rgb(88,157,120)
```
#65a985
```
#65a985 rgb(101,169,133)
```
#76b292
```
#76b292 rgb(118,178,146)
```
#86bb9f
```
#86bb9f rgb(134,187,159)
```
#96c4ac
```
#96c4ac rgb(150,196,172)
```
#a7cdb9
```
#a7cdb9 rgb(167,205,185)
```
#b7d7c6
```
#b7d7c6 rgb(183,215,198)
```

Monochromatic Color

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

#86bb92
```
#86bb92 rgb(134,187,146)
```
#86bb96
```
#86bb96 rgb(134,187,150)
```
#86bb9b
```
#86bb9b rgb(134,187,155)
```
#86bb9f
```
#86bb9f rgb(134,187,159)
```
#86bba3
```
#86bba3 rgb(134,187,163)
```
#86bba8
```
#86bba8 rgb(134,187,168)
```
#86bbac
```
#86bbac rgb(134,187,172)
```

Similar Colors

Text with hexadecimal color #86bb9f

This text has a font color of #86bb9f.

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

#86bb9f background color

This paragraph has a background color of #86bb9f.

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

#86bb9f border color

This element has a border color of #86bb9f.

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

CSS codes

.text {color:#86bb9f;}

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

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

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

#030504
```
#030504 rgb(3,5,4)
```
#0a110d
```
#0a110d rgb(10,17,13)
```
#111e17
```
#111e17 rgb(17,30,23)
```
#182a20
```
#182a20 rgb(24,42,32)
```
#1f372a
```
#1f372a rgb(31,55,42)
```
#264334
```
#264334 rgb(38,67,52)
```
#2d503d
```
#2d503d rgb(45,80,61)
```
#345c47
```
#345c47 rgb(52,92,71)
```
#3b6951
```
#3b6951 rgb(59,105,81)
```
#42765a
```
#42765a rgb(66,118,90)
```
#498264
```
#498264 rgb(73,130,100)
```
#508f6e
```
#508f6e rgb(80,143,110)
```
#579b77
```
#579b77 rgb(87,155,119)
```

Shade Color Variation

#60a681
```
#60a681 rgb(96,166,129)
```
#6dad8b
```
#6dad8b rgb(109,173,139)
```
#79b495
```
#79b495 rgb(121,180,149)
```
#86bb9f
```
#86bb9f rgb(134,187,159)
```
#93c2a9
```
#93c2a9 rgb(147,194,169)
```
#9fc9b3
```
#9fc9b3 rgb(159,201,179)
```
#acd0bd
```
#acd0bd rgb(172,208,189)
```
#b8d7c7
```
#b8d7c7 rgb(184,215,199)
```
#c5ded1
```
#c5ded1 rgb(197,222,209)
```
#d1e5db
```
#d1e5db rgb(209,229,219)
```
#deece5
```
#deece5 rgb(222,236,229)
```
#eaf3ef
```
#eaf3ef rgb(234,243,239)
```
#f7fbf9
```
#f7fbf9 rgb(247,251,249)
```

Tint Color Variation

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

#9ca5a0
```
#9ca5a0 rgb(156,165,160)
```
#95aca0
```
#95aca0 rgb(149,172,160)
```
#8db49f
```
#8db49f rgb(141,180,159)
```
#86bb9f
```
#86bb9f rgb(134,187,159)
```
#7fc29f
```
#7fc29f rgb(127,194,159)
```
#77ca9e
```
#77ca9e rgb(119,202,158)
```
#70d19e
```
#70d19e rgb(112,209,158)
```
#69d89d
```
#69d89d rgb(105,216,157)
```
#62df9d
```
#62df9d rgb(98,223,157)
```
#5ae79d
```
#5ae79d rgb(90,231,157)
```
#53ee9c
```
#53ee9c rgb(83,238,156)
```
#4cf59c
```
#4cf59c rgb(76,245,156)
```
#45fc9b
```
#45fc9b rgb(69,252,155)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a1aca6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb39e Protanopia 1% of men
#c8ada9 Deuteranopia 1% of men
#94b9c6 Tritanopia 0.001% of the population

Trichromacy

#a8b59e Protanomaly 1% of men, 0.01% of women
#b0b2a5 Deuteranomaly 6% of men, 0.4% of women
#8fbab8 Tritanomaly 0.01% of the population

#86bb9f hex color

#86bb9f Color Information

#86bb9f Color Conversion

Color Schemes with #86bb9f

Alternatives to #86bb9f

#86bb9f Preview

Shades and Tints of #86bb9f

Tones of #86bb9f

Color Blindness Simulator