#86ccb4 hex color

In a RGB color space, hex #86ccb4 is composed of 52.5% red, 80% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 34.3% cyan, 0% magenta, 11.8% yellow and 20% black. It has a hue angle of 159.4 degrees, a saturation of 40.7% and a lightness of 66.3%. #86ccb4 color hex could be obtained by blending #ffffff with #0d9969. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 53
- G 80
- B 71
RGB color chart
- C 34
- M 0
- Y 12
- K 20
CMYK color chart

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

The hexadecimal color #86ccb4 has RGB values of R:134, G:204, B:180 and CMYK values of C:0.34, M:0, Y:0.12, K:0.2. Its decimal value is 8834228.

Hex triplet	86ccb4	`#86ccb4`
RGB Decimal	134, 204, 180	`rgb(134,204,180)`
RGB Percent	52.5, 80, 70.6	`rgb(52.5%,80%,70.6%)`
CMYK	34, 0, 12, 20
HSL	159.4°, 40.7, 66.3	`hsl(159.4,40.7%,66.3%)`
HSV (or HSB)	159.4°, 34.3, 80
Web Safe	99cccc	`#99cccc`

CIE-LAB	77.009, -27.272, 5.001
XYZ	39.66, 51.547, 51.037
xyY	0.279, 0.362, 51.547
CIE-LCH	77.009, 27.727, 169.609
CIE-LUV	77.009, -33.65, 11.941
Hunter-Lab	71.797, -27.041, 8.111
Binary	10000110, 11001100, 10110100

#86ccb4
```
#86ccb4 rgb(134,204,180)
```
#cc869e
```
#cc869e rgb(204,134,158)
```

Complementary Color

#86cc91
```
#86cc91 rgb(134,204,145)
```
#86ccb4
```
#86ccb4 rgb(134,204,180)
```
#86c1cc
```
#86c1cc rgb(134,193,204)
```

Analogous Color

#cc9186
```
#cc9186 rgb(204,145,134)
```
#86ccb4
```
#86ccb4 rgb(134,204,180)
```
#cc86c1
```
#cc86c1 rgb(204,134,193)
```

Split Complementary Color

#ccb486
```
#ccb486 rgb(204,180,134)
```
#86ccb4
```
#86ccb4 rgb(134,204,180)
```
#b486cc
```
#b486cc rgb(180,134,204)
```

Triadic Color

#9ecc86
```
#9ecc86 rgb(158,204,134)
```
#86ccb4
```
#86ccb4 rgb(134,204,180)
```
#b486cc
```
#b486cc rgb(180,134,204)
```
#cc869e
```
#cc869e rgb(204,134,158)
```

Tetradic Color

#50b593
```
#50b593 rgb(80,181,147)
```
#62bd9e
```
#62bd9e rgb(98,189,158)
```
#74c4a9
```
#74c4a9 rgb(116,196,169)
```
#86ccb4
```
#86ccb4 rgb(134,204,180)
```
#98d4bf
```
#98d4bf rgb(152,212,191)
```
#aadbca
```
#aadbca rgb(170,219,202)
```
#bce3d5
```
#bce3d5 rgb(188,227,213)
```

Monochromatic Color

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

#86cca3
```
#86cca3 rgb(134,204,163)
```
#86cca8
```
#86cca8 rgb(134,204,168)
```
#86ccae
```
#86ccae rgb(134,204,174)
```
#86ccb4
```
#86ccb4 rgb(134,204,180)
```
#86ccba
```
#86ccba rgb(134,204,186)
```
#86ccc0
```
#86ccc0 rgb(134,204,192)
```
#86ccc6
```
#86ccc6 rgb(134,204,198)
```

Similar Colors

Text with hexadecimal color #86ccb4

This text has a font color of #86ccb4.

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

#86ccb4 background color

This paragraph has a background color of #86ccb4.

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

#86ccb4 border color

This element has a border color of #86ccb4.

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

CSS codes

.text {color:#86ccb4;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#07110e
```
#07110e rgb(7,17,14)
```
#0d1f19
```
#0d1f19 rgb(13,31,25)
```
#132d24
```
#132d24 rgb(19,45,36)
```
#193a2f
```
#193a2f rgb(25,58,47)
```
#1e483a
```
#1e483a rgb(30,72,58)
```
#245645
```
#245645 rgb(36,86,69)
```
#2a6450
```
#2a6450 rgb(42,100,80)
```
#30725b
```
#30725b rgb(48,114,91)
```
#367f66
```
#367f66 rgb(54,127,102)
```
#3c8d71
```
#3c8d71 rgb(60,141,113)
```
#419b7c
```
#419b7c rgb(65,155,124)
```
#47a987
```
#47a987 rgb(71,169,135)
```

Shade Color Variation

#4fb592
```
#4fb592 rgb(79,181,146)
```
#5dbb9a
```
#5dbb9a rgb(93,187,154)
```
#6ac0a3
```
#6ac0a3 rgb(106,192,163)
```
#78c6ab
```
#78c6ab rgb(120,198,171)
```
#86ccb4
```
#86ccb4 rgb(134,204,180)
```
#94d2bd
```
#94d2bd rgb(148,210,189)
```
#a2d8c5
```
#a2d8c5 rgb(162,216,197)
```
#afddce
```
#afddce rgb(175,221,206)
```
#bde3d6
```
#bde3d6 rgb(189,227,214)
```
#cbe9df
```
#cbe9df rgb(203,233,223)
```
#d9efe7
```
#d9efe7 rgb(217,239,231)
```
#e7f5f0
```
#e7f5f0 rgb(231,245,240)
```
#f4fbf8
```
#f4fbf8 rgb(244,251,248)
```

Tint Color Variation

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

#a7abaa
```
#a7abaa rgb(167,171,170)
```
#a0b2ac
```
#a0b2ac rgb(160,178,172)
```
#9ab8ae
```
#9ab8ae rgb(154,184,174)
```
#93bfb0
```
#93bfb0 rgb(147,191,176)
```
#8dc5b2
```
#8dc5b2 rgb(141,197,178)
```
#86ccb4
```
#86ccb4 rgb(134,204,180)
```
#7fd3b6
```
#7fd3b6 rgb(127,211,182)
```
#79d9b8
```
#79d9b8 rgb(121,217,184)
```
#72e0ba
```
#72e0ba rgb(114,224,186)
```
#6ce6bc
```
#6ce6bc rgb(108,230,188)
```
#65edbe
```
#65edbe rgb(101,237,190)
```
#5ef4c0
```
#5ef4c0 rgb(94,244,192)
```
#58fac3
```
#58fac3 rgb(88,250,195)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#abb9b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c0b1 Protanopia 1% of men
#d4bbbe Deuteranopia 1% of men
#95c9d8 Tritanopia 0.001% of the population

Trichromacy

#b0c4b2 Protanomaly 1% of men, 0.01% of women
#b7c1ba Deuteranomaly 6% of men, 0.4% of women
#8fcacb Tritanomaly 0.01% of the population

#86ccb4 hex color

#86ccb4 Color Information

#86ccb4 Color Conversion

Color Schemes with #86ccb4

Alternatives to #86ccb4

#86ccb4 Preview

Shades and Tints of #86ccb4

Tones of #86ccb4

Color Blindness Simulator