colorhexa.com

#86c696 hex color

In a RGB color space, hex #86c696 is composed of 52.5% red, 77.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 32.3% cyan, 0% magenta, 24.2% yellow and 22.4% black. It has a hue angle of 135 degrees, a saturation of 36% and a lightness of 65.1%. #86c696 color hex could be obtained by blending #ffffff with #0d8d2d. Closest websafe color is: #99cc99.

- R 53
- G 78
- B 59
RGB color chart
- C 32
- M 0
- Y 24
- K 22
CMYK color chart

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

The hexadecimal color #86c696 has RGB values of R:134, G:198, B:150 and CMYK values of C:0.32, M:0, Y:0.24, K:0.22. Its decimal value is 8832662.

Hex triplet	86c696	`#86c696`
RGB Decimal	134, 198, 150	`rgb(134,198,150)`
RGB Percent	52.5, 77.6, 58.8	`rgb(52.5%,77.6%,58.8%)`
CMYK	32, 0, 24, 22
HSL	135°, 36, 65.1	`hsl(135,36%,65.1%)`
HSV (or HSB)	135°, 32.3, 77.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.608, -30.374, 17.695
XYZ	35.529, 47.657, 36.179
xyY	0.298, 0.399, 47.657
CIE-LCH	74.608, 35.152, 149.775
CIE-LUV	74.608, -31.407, 30.092
Hunter-Lab	69.034, -28.943, 17.251
Binary	10000110, 11000110, 10010110

#86c696
```
#86c696 rgb(134,198,150)
```
#c686b6
```
#c686b6 rgb(198,134,182)
```

Complementary Color

#96c686
```
#96c686 rgb(150,198,134)
```
#86c696
```
#86c696 rgb(134,198,150)
```
#86c6b6
```
#86c6b6 rgb(134,198,182)
```

Analogous Color

#c68696
```
#c68696 rgb(198,134,150)
```
#86c696
```
#86c696 rgb(134,198,150)
```
#b686c6
```
#b686c6 rgb(182,134,198)
```

Split Complementary Color

#c69686
```
#c69686 rgb(198,150,134)
```
#86c696
```
#86c696 rgb(134,198,150)
```
#9686c6
```
#9686c6 rgb(150,134,198)
```

Triadic Color

#b6c686
```
#b6c686 rgb(182,198,134)
```
#86c696
```
#86c696 rgb(134,198,150)
```
#9686c6
```
#9686c6 rgb(150,134,198)
```
#c686b6
```
#c686b6 rgb(198,134,182)
```

Tetradic Color

#52ae69
```
#52ae69 rgb(82,174,105)
```
#63b678
```
#63b678 rgb(99,182,120)
```
#75be87
```
#75be87 rgb(117,190,135)
```
#86c696
```
#86c696 rgb(134,198,150)
```
#97cea5
```
#97cea5 rgb(151,206,165)
```
#a9d6b4
```
#a9d6b4 rgb(169,214,180)
```
#badec3
```
#badec3 rgb(186,222,195)
```

Monochromatic Color

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

#86c686
```
#86c686 rgb(134,198,134)
```
#86c68b
```
#86c68b rgb(134,198,139)
```
#86c691
```
#86c691 rgb(134,198,145)
```
#86c696
```
#86c696 rgb(134,198,150)
```
#86c69b
```
#86c69b rgb(134,198,155)
```
#86c6a1
```
#86c6a1 rgb(134,198,161)
```
#86c6a6
```
#86c6a6 rgb(134,198,166)
```

Similar Colors

Text with hexadecimal color #86c696

This text has a font color of #86c696.

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

#86c696 background color

This paragraph has a background color of #86c696.

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

#86c696 border color

This element has a border color of #86c696.

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

CSS codes

.text {color:#86c696;}

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

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

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, #060c07 is the darkest color, while #fefffe is the lightest one.

#060c07
```
#060c07 rgb(6,12,7)
```
#0c1a0f
```
#0c1a0f rgb(12,26,15)
```
#122718
```
#122718 rgb(18,39,24)
```
#193420
```
#193420 rgb(25,52,32)
```
#1f4228
```
#1f4228 rgb(31,66,40)
```
#254f30
```
#254f30 rgb(37,79,48)
```
#2c5c38
```
#2c5c38 rgb(44,92,56)
```
#326a40
```
#326a40 rgb(50,106,64)
```
#387748
```
#387748 rgb(56,119,72)
```
#3e8450
```
#3e8450 rgb(62,132,80)
```
#459258
```
#459258 rgb(69,146,88)
```
#4b9f60
```
#4b9f60 rgb(75,159,96)
```
#51ac68
```
#51ac68 rgb(81,172,104)
```

Shade Color Variation

#5eb373
```
#5eb373 rgb(94,179,115)
```
#6bb97f
```
#6bb97f rgb(107,185,127)
```
#79c08a
```
#79c08a rgb(121,192,138)
```
#86c696
```
#86c696 rgb(134,198,150)
```
#93cca2
```
#93cca2 rgb(147,204,162)
```
#a1d3ad
```
#a1d3ad rgb(161,211,173)
```
#aed9b9
```
#aed9b9 rgb(174,217,185)
```
#bbdfc4
```
#bbdfc4 rgb(187,223,196)
```
#c9e5d0
```
#c9e5d0 rgb(201,229,208)
```
#d6ecdb
```
#d6ecdb rgb(214,236,219)
```
#e3f2e7
```
#e3f2e7 rgb(227,242,231)
```
#f1f8f3
```
#f1f8f3 rgb(241,248,243)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#a1aba4
```
#a1aba4 rgb(161,171,164)
```
#9bb1a0
```
#9bb1a0 rgb(155,177,160)
```
#94b89d
```
#94b89d rgb(148,184,157)
```
#8dbf99
```
#8dbf99 rgb(141,191,153)
```
#86c696
```
#86c696 rgb(134,198,150)
```
#7fcd93
```
#7fcd93 rgb(127,205,147)
```
#78d48f
```
#78d48f rgb(120,212,143)
```
#71db8c
```
#71db8c rgb(113,219,140)
```
#6be188
```
#6be188 rgb(107,225,136)
```
#64e885
```
#64e885 rgb(100,232,133)
```
#5def81
```
#5def81 rgb(93,239,129)
```
#56f67e
```
#56f67e rgb(86,246,126)
```
#4ffd7b
```
#4ffd7b rgb(79,253,123)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a5b2a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6ba95 Protanopia 1% of men
#d5b4a2 Deuteranopia 1% of men
#98c1cf Tritanopia 0.001% of the population

Trichromacy

#afbe95 Protanomaly 1% of men, 0.01% of women
#b8ba9d Deuteranomaly 6% of men, 0.4% of women
#91c3ba Tritanomaly 0.01% of the population