colorhexa.com

#86bcb0 hex color

In a RGB color space, hex #86bcb0 is composed of 52.5% red, 73.7% green and 69% blue. Whereas in a CMYK color space, it is composed of 28.7% cyan, 0% magenta, 6.4% yellow and 26.3% black. It has a hue angle of 166.7 degrees, a saturation of 28.7% and a lightness of 63.1%. #86bcb0 color hex could be obtained by blending #ffffff with #0d7961. Closest websafe color is: #99cc99.

- R 53
- G 74
- B 69
RGB color chart
- C 29
- M 0
- Y 6
- K 26
CMYK color chart

● #86bcb0 color description : Slightly desaturated cyan.

The hexadecimal color #86bcb0 has RGB values of R:134, G:188, B:176 and CMYK values of C:0.29, M:0, Y:0.06, K:0.26. Its decimal value is 8830128.

Hex triplet	86bcb0	`#86bcb0`
RGB Decimal	134, 188, 176	`rgb(134,188,176)`
RGB Percent	52.5, 73.7, 69	`rgb(52.5%,73.7%,69%)`
CMYK	29, 0, 6, 26
HSL	166.7°, 28.7, 63.1	`hsl(166.7,28.7%,63.1%)`
HSV (or HSB)	166.7°, 28.7, 73.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.341, -20.194, 0.394
XYZ	35.649, 44.168, 47.719
xyY	0.28, 0.346, 44.168
CIE-LCH	72.341, 20.198, 178.881
CIE-LUV	72.341, -26.66, 3.9
Hunter-Lab	66.459, -20.554, 3.95
Binary	10000110, 10111100, 10110000

#86bcb0
```
#86bcb0 rgb(134,188,176)
```
#bc8692
```
#bc8692 rgb(188,134,146)
```

Complementary Color

#86bc95
```
#86bc95 rgb(134,188,149)
```
#86bcb0
```
#86bcb0 rgb(134,188,176)
```
#86adbc
```
#86adbc rgb(134,173,188)
```

Analogous Color

#bc9586
```
#bc9586 rgb(188,149,134)
```
#86bcb0
```
#86bcb0 rgb(134,188,176)
```
#bc86ad
```
#bc86ad rgb(188,134,173)
```

Split Complementary Color

#bcb086
```
#bcb086 rgb(188,176,134)
```
#86bcb0
```
#86bcb0 rgb(134,188,176)
```
#b086bc
```
#b086bc rgb(176,134,188)
```

Triadic Color

#92bc86
```
#92bc86 rgb(146,188,134)
```
#86bcb0
```
#86bcb0 rgb(134,188,176)
```
#b086bc
```
#b086bc rgb(176,134,188)
```
#bc8692
```
#bc8692 rgb(188,134,146)
```

Tetradic Color

#579e8e
```
#579e8e rgb(87,158,142)
```
#65aa9b
```
#65aa9b rgb(101,170,155)
```
#76b3a5
```
#76b3a5 rgb(118,179,165)
```
#86bcb0
```
#86bcb0 rgb(134,188,176)
```
#96c5bb
```
#96c5bb rgb(150,197,187)
```
#a7cec5
```
#a7cec5 rgb(167,206,197)
```
#b7d7d0
```
#b7d7d0 rgb(183,215,208)
```

Monochromatic Color

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

#86bca3
```
#86bca3 rgb(134,188,163)
```
#86bca7
```
#86bca7 rgb(134,188,167)
```
#86bcac
```
#86bcac rgb(134,188,172)
```
#86bcb0
```
#86bcb0 rgb(134,188,176)
```
#86bcb5
```
#86bcb5 rgb(134,188,181)
```
#86bcb9
```
#86bcb9 rgb(134,188,185)
```
#86bbbc
```
#86bbbc rgb(134,187,188)
```

Similar Colors

Text with hexadecimal color #86bcb0

This text has a font color of #86bcb0.

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

#86bcb0 background color

This paragraph has a background color of #86bcb0.

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

#86bcb0 border color

This element has a border color of #86bcb0.

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

CSS codes

.text {color:#86bcb0;}

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

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

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

#030505
```
#030505 rgb(3,5,5)
```
#0a1210
```
#0a1210 rgb(10,18,16)
```
#111e1b
```
#111e1b rgb(17,30,27)
```
#182b27
```
#182b27 rgb(24,43,39)
```
#1f3832
```
#1f3832 rgb(31,56,50)
```
#26443e
```
#26443e rgb(38,68,62)
```
#2d5149
```
#2d5149 rgb(45,81,73)
```
#345e54
```
#345e54 rgb(52,94,84)
```
#3b6a60
```
#3b6a60 rgb(59,106,96)
```
#42776b
```
#42776b rgb(66,119,107)
```
#498376
```
#498376 rgb(73,131,118)
```
#509082
```
#509082 rgb(80,144,130)
```
#579d8d
```
#579d8d rgb(87,157,141)
```

Shade Color Variation

#60a797
```
#60a797 rgb(96,167,151)
```
#6daea0
```
#6daea0 rgb(109,174,160)
```
#79b5a8
```
#79b5a8 rgb(121,181,168)
```
#86bcb0
```
#86bcb0 rgb(134,188,176)
```
#93c3b8
```
#93c3b8 rgb(147,195,184)
```
#9fcac0
```
#9fcac0 rgb(159,202,192)
```
#acd1c9
```
#acd1c9 rgb(172,209,201)
```
#b8d8d1
```
#b8d8d1 rgb(184,216,209)
```
#c5dfd9
```
#c5dfd9 rgb(197,223,217)
```
#d2e6e1
```
#d2e6e1 rgb(210,230,225)
```
#deedea
```
#deedea rgb(222,237,234)
```
#ebf4f2
```
#ebf4f2 rgb(235,244,242)
```
#f8fbfa
```
#f8fbfa rgb(248,251,250)
```

Tint Color Variation

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

#9ca6a4
```
#9ca6a4 rgb(156,166,164)
```
#94aea8
```
#94aea8 rgb(148,174,168)
```
#8db5ac
```
#8db5ac rgb(141,181,172)
```
#86bcb0
```
#86bcb0 rgb(134,188,176)
```
#7fc3b4
```
#7fc3b4 rgb(127,195,180)
```
#78cab8
```
#78cab8 rgb(120,202,184)
```
#70d2bc
```
#70d2bc rgb(112,210,188)
```
#69d9c0
```
#69d9c0 rgb(105,217,192)
```
#62e0c4
```
#62e0c4 rgb(98,224,196)
```
#5be7c8
```
#5be7c8 rgb(91,231,200)
```
#53efcc
```
#53efcc rgb(83,239,204)
```
#4cf6d0
```
#4cf6d0 rgb(76,246,208)
```
#45fdd4
```
#45fdd4 rgb(69,253,212)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a3aeab Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab4ae Protanopia 1% of men
#c4b0b9 Deuteranopia 1% of men
#92bcc9 Tritanopia 0.001% of the population

Trichromacy

#a7b7af Protanomaly 1% of men, 0.01% of women
#adb4b5 Deuteranomaly 6% of men, 0.4% of women
#8dbcc0 Tritanomaly 0.01% of the population