#86c1bd hex color

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

♥
- f
- t
- g
- R 53
- G 76
- B 74
RGB color chart
- C 31
- M 0
- Y 2
- K 24
CMYK color chart

● #86c1bd color description : Slightly desaturated cyan.

The hexadecimal color #86c1bd has RGB values of R:134, G:193, B:189 and CMYK values of C:0.31, M:0, Y:0.02, K:0.24. Its decimal value is 8831421.

Hex triplet	86c1bd	`#86c1bd`
RGB Decimal	134, 193, 189	`rgb(134,193,189)`
RGB Percent	52.5, 75.7, 74.1	`rgb(52.5%,75.7%,74.1%)`
CMYK	31, 0, 2, 24
HSL	175.9°, 32.2, 64.1	`hsl(175.9,32.2%,64.1%)`
HSV (or HSB)	175.9°, 30.6, 75.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.113, -19.805, -4.09
XYZ	38.084, 46.881, 55.183
xyY	0.272, 0.335, 46.881
CIE-LCH	74.113, 20.223, 191.668
CIE-LUV	74.113, -28.763, -2.956
Hunter-Lab	68.47, -20.536, 0.143
Binary	10000110, 11000001, 10111101

#86c1bd
```
#86c1bd rgb(134,193,189)
```
#c1868a
```
#c1868a rgb(193,134,138)
```

Complementary Color

#86c1a0
```
#86c1a0 rgb(134,193,160)
```
#86c1bd
```
#86c1bd rgb(134,193,189)
```
#86a8c1
```
#86a8c1 rgb(134,168,193)
```

Analogous Color

#c1a086
```
#c1a086 rgb(193,160,134)
```
#86c1bd
```
#86c1bd rgb(134,193,189)
```
#c186a8
```
#c186a8 rgb(193,134,168)
```

Split Complementary Color

#c1bd86
```
#c1bd86 rgb(193,189,134)
```
#86c1bd
```
#86c1bd rgb(134,193,189)
```
#bd86c1
```
#bd86c1 rgb(189,134,193)
```

Triadic Color

#8ac186
```
#8ac186 rgb(138,193,134)
```
#86c1bd
```
#86c1bd rgb(134,193,189)
```
#bd86c1
```
#bd86c1 rgb(189,134,193)
```
#c1868a
```
#c1868a rgb(193,134,138)
```

Tetradic Color

#55a6a0
```
#55a6a0 rgb(85,166,160)
```
#64b0ab
```
#64b0ab rgb(100,176,171)
```
#75b8b4
```
#75b8b4 rgb(117,184,180)
```
#86c1bd
```
#86c1bd rgb(134,193,189)
```
#97cac6
```
#97cac6 rgb(151,202,198)
```
#a8d2cf
```
#a8d2cf rgb(168,210,207)
```
#b9dbd9
```
#b9dbd9 rgb(185,219,217)
```

Monochromatic Color

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

#86c1ae
```
#86c1ae rgb(134,193,174)
```
#86c1b3
```
#86c1b3 rgb(134,193,179)
```
#86c1b8
```
#86c1b8 rgb(134,193,184)
```
#86c1bd
```
#86c1bd rgb(134,193,189)
```
#86c0c1
```
#86c0c1 rgb(134,192,193)
```
#86bbc1
```
#86bbc1 rgb(134,187,193)
```
#86b6c1
```
#86b6c1 rgb(134,182,193)
```

Similar Colors

Text with hexadecimal color #86c1bd

This text has a font color of #86c1bd.

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

#86c1bd background color

This paragraph has a background color of #86c1bd.

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

#86c1bd border color

This element has a border color of #86c1bd.

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

CSS codes

.text {color:#86c1bd;}

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

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

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)
```
#1f3d3b
```
#1f3d3b rgb(31,61,59)
```
#264a47
```
#264a47 rgb(38,74,71)
```
#2c5754
```
#2c5754 rgb(44,87,84)
```
#336360
```
#336360 rgb(51,99,96)
```
#3a706d
```
#3a706d rgb(58,112,109)
```
#407d79
```
#407d79 rgb(64,125,121)
```
#478a86
```
#478a86 rgb(71,138,134)
```
#4e9792
```
#4e9792 rgb(78,151,146)
```
#54a49f
```
#54a49f rgb(84,164,159)
```

Shade Color Variation

#5fada8
```
#5fada8 rgb(95,173,168)
```
#6cb4af
```
#6cb4af rgb(108,180,175)
```
#79bab6
```
#79bab6 rgb(121,186,182)
```
#86c1bd
```
#86c1bd rgb(134,193,189)
```
#93c8c4
```
#93c8c4 rgb(147,200,196)
```
#a0cecb
```
#a0cecb rgb(160,206,203)
```
#add5d2
```
#add5d2 rgb(173,213,210)
```
#badcd9
```
#badcd9 rgb(186,220,217)
```
#c7e2e0
```
#c7e2e0 rgb(199,226,224)
```
#d4e9e7
```
#d4e9e7 rgb(212,233,231)
```
#e1f0ef
```
#e1f0ef rgb(225,240,239)
```
#eef6f6
```
#eef6f6 rgb(238,246,246)
```
#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 #4ef9ee is the most saturated one.

#a2a5a5
```
#a2a5a5 rgb(162,165,165)
```
#9bacab
```
#9bacab rgb(155,172,171)
```
#94b3b1
```
#94b3b1 rgb(148,179,177)
```
#8dbab7
```
#8dbab7 rgb(141,186,183)
```
#86c1bd
```
#86c1bd rgb(134,193,189)
```
#7fc8c3
```
#7fc8c3 rgb(127,200,195)
```
#78cfc9
```
#78cfc9 rgb(120,207,201)
```
#71d6cf
```
#71d6cf rgb(113,214,207)
```
#6addd5
```
#6addd5 rgb(106,221,213)
```
#63e4db
```
#63e4db rgb(99,228,219)
```
#5cebe2
```
#5cebe2 rgb(92,235,226)
```
#55f2e8
```
#55f2e8 rgb(85,242,232)
```
#4ef9ee
```
#4ef9ee rgb(78,249,238)
```

Tone Color Variation

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

#bcb9ba Protanopia 1% of men
#c5b5c5 Deuteranopia 1% of men
#90c1cf Tritanopia 0.001% of the population

Trichromacy

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

#86c1bd hex color

#86c1bd Color Information

#86c1bd Color Conversion

Color Schemes with #86c1bd

Alternatives to #86c1bd

#86c1bd Preview

Shades and Tints of #86c1bd

Tones of #86c1bd

Color Blindness Simulator