colorhexa.com

#86c1bc hex color

In a RGB color space, hex #86c1bc is composed of 52.5% red, 75.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 0% magenta, 2.6% yellow and 24.3% black. It has a hue angle of 174.9 degrees, a saturation of 32.2% and a lightness of 64.1%. #86c1bc color hex could be obtained by blending #ffffff with #0d8379. Closest websafe color is: #99cccc.

- R 53
- G 76
- B 74
RGB color chart
- C 31
- M 0
- Y 3
- K 24
CMYK color chart

● #86c1bc color description : Slightly desaturated cyan.

The hexadecimal color #86c1bc has RGB values of R:134, G:193, B:188 and CMYK values of C:0.31, M:0, Y:0.03, K:0.24. Its decimal value is 8831420.

Hex triplet	86c1bc	`#86c1bc`
RGB Decimal	134, 193, 188	`rgb(134,193,188)`
RGB Percent	52.5, 75.7, 73.7	`rgb(52.5%,75.7%,73.7%)`
CMYK	31, 0, 3, 24
HSL	174.9°, 32.2, 64.1	`hsl(174.9,32.2%,64.1%)`
HSV (or HSB)	174.9°, 30.6, 75.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.086, -20.035, -3.587
XYZ	37.976, 46.837, 54.614
xyY	0.272, 0.336, 46.837
CIE-LCH	74.086, 20.353, 190.151
CIE-LUV	74.086, -28.772, -2.147
Hunter-Lab	68.438, -20.717, 0.593
Binary	10000110, 11000001, 10111100

#86c1bc
```
#86c1bc rgb(134,193,188)
```
#c1868b
```
#c1868b rgb(193,134,139)
```

Complementary Color

#86c19f
```
#86c19f rgb(134,193,159)
```
#86c1bc
```
#86c1bc rgb(134,193,188)
```
#86a9c1
```
#86a9c1 rgb(134,169,193)
```

Analogous Color

#c19f86
```
#c19f86 rgb(193,159,134)
```
#86c1bc
```
#86c1bc rgb(134,193,188)
```
#c186a9
```
#c186a9 rgb(193,134,169)
```

Split Complementary Color

#c1bc86
```
#c1bc86 rgb(193,188,134)
```
#86c1bc
```
#86c1bc rgb(134,193,188)
```
#bc86c1
```
#bc86c1 rgb(188,134,193)
```

Triadic Color

#8bc186
```
#8bc186 rgb(139,193,134)
```
#86c1bc
```
#86c1bc rgb(134,193,188)
```
#bc86c1
```
#bc86c1 rgb(188,134,193)
```
#c1868b
```
#c1868b rgb(193,134,139)
```

Tetradic Color

#55a69f
```
#55a69f rgb(85,166,159)
```
#64b0a9
```
#64b0a9 rgb(100,176,169)
```
#75b8b3
```
#75b8b3 rgb(117,184,179)
```
#86c1bc
```
#86c1bc rgb(134,193,188)
```
#97cac5
```
#97cac5 rgb(151,202,197)
```
#a8d2cf
```
#a8d2cf rgb(168,210,207)
```
#b9dbd8
```
#b9dbd8 rgb(185,219,216)
```

Monochromatic Color

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

#86c1ad
```
#86c1ad rgb(134,193,173)
```
#86c1b2
```
#86c1b2 rgb(134,193,178)
```
#86c1b7
```
#86c1b7 rgb(134,193,183)
```
#86c1bc
```
#86c1bc rgb(134,193,188)
```
#86c1c1
```
#86c1c1 rgb(134,193,193)
```
#86bcc1
```
#86bcc1 rgb(134,188,193)
```
#86b7c1
```
#86b7c1 rgb(134,183,193)
```

Similar Colors

Text with hexadecimal color #86c1bc

This text has a font color of #86c1bc.

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

#86c1bc background color

This paragraph has a background color of #86c1bc.

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

#86c1bc border color

This element has a border color of #86c1bc.

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

CSS codes

.text {color:#86c1bc;}

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

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

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

#040908
```
#040908 rgb(4,9,8)
```
#0b1615
```
#0b1615 rgb(11,22,21)
```
#122321
```
#122321 rgb(18,35,33)
```
#18302e
```
#18302e rgb(24,48,46)
```
#1f3d3a
```
#1f3d3a rgb(31,61,58)
```
#264a47
```
#264a47 rgb(38,74,71)
```
#2c5753
```
#2c5753 rgb(44,87,83)
```
#33635f
```
#33635f rgb(51,99,95)
```
#3a706c
```
#3a706c rgb(58,112,108)
```
#407d78
```
#407d78 rgb(64,125,120)
```
#478a85
```
#478a85 rgb(71,138,133)
```
#4e9791
```
#4e9791 rgb(78,151,145)
```
#54a49e
```
#54a49e rgb(84,164,158)
```

Shade Color Variation

#5fada6
```
#5fada6 rgb(95,173,166)
```
#6cb4ae
```
#6cb4ae rgb(108,180,174)
```
#79bab5
```
#79bab5 rgb(121,186,181)
```
#86c1bc
```
#86c1bc rgb(134,193,188)
```
#93c8c3
```
#93c8c3 rgb(147,200,195)
```
#a0ceca
```
#a0ceca rgb(160,206,202)
```
#add5d2
```
#add5d2 rgb(173,213,210)
```
#badcd9
```
#badcd9 rgb(186,220,217)
```
#c7e2e0
```
#c7e2e0 rgb(199,226,224)
```
#d4e9e7
```
#d4e9e7 rgb(212,233,231)
```
#e1f0ee
```
#e1f0ee rgb(225,240,238)
```
#eef6f5
```
#eef6f5 rgb(238,246,245)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a2a5a5 is the less saturated color, while #4ef9eb is the most saturated one.

#a2a5a5
```
#a2a5a5 rgb(162,165,165)
```
#9bacaa
```
#9bacaa rgb(155,172,170)
```
#94b3b0
```
#94b3b0 rgb(148,179,176)
```
#8dbab6
```
#8dbab6 rgb(141,186,182)
```
#86c1bc
```
#86c1bc rgb(134,193,188)
```
#7fc8c2
```
#7fc8c2 rgb(127,200,194)
```
#78cfc8
```
#78cfc8 rgb(120,207,200)
```
#71d6ce
```
#71d6ce rgb(113,214,206)
```
#6addd3
```
#6addd3 rgb(106,221,211)
```
#63e4d9
```
#63e4d9 rgb(99,228,217)
```
#5cebdf
```
#5cebdf rgb(92,235,223)
```
#55f2e5
```
#55f2e5 rgb(85,242,229)
```
#4ef9eb
```
#4ef9eb rgb(78,249,235)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a7b3b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb9b9 Protanopia 1% of men
#c5b4c4 Deuteranopia 1% of men
#90c1cf Tritanopia 0.001% of the population

Trichromacy

#a8bbba Protanomaly 1% of men, 0.01% of women
#aeb9c1 Deuteranomaly 6% of men, 0.4% of women
#8cc1c8 Tritanomaly 0.01% of the population