#86a296 hex color

In a RGB color space, hex #86a296 is composed of 52.5% red, 63.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 17.3% cyan, 0% magenta, 7.4% yellow and 36.5% black. It has a hue angle of 154.3 degrees, a saturation of 13.1% and a lightness of 58%. #86a296 color hex could be obtained by blending #ffffff with #0d452d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 53
- G 64
- B 59
RGB color chart
- C 17
- M 0
- Y 7
- K 36
CMYK color chart

● #86a296 color description : Dark grayish cyan - lime green.

The hexadecimal color #86a296 has RGB values of R:134, G:162, B:150 and CMYK values of C:0.17, M:0, Y:0.07, K:0.36. Its decimal value is 8823446.

Hex triplet	86a296	`#86a296`
RGB Decimal	134, 162, 150	`rgb(134,162,150)`
RGB Percent	52.5, 63.5, 58.8	`rgb(52.5%,63.5%,58.8%)`
CMYK	17, 0, 7, 36
HSL	154.3°, 13.1, 58	`hsl(154.3,13.1%,58%)`
HSV (or HSB)	154.3°, 17.3, 63.5
Web Safe	999999	`#999999`

CIE-LAB	64.25, -12.204, 3.003
XYZ	28.256, 33.11, 33.755
xyY	0.297, 0.348, 33.11
CIE-LCH	64.25, 12.568, 166.176
CIE-LUV	64.25, -14.486, 6.313
Hunter-Lab	57.542, -13.046, 5.499
Binary	10000110, 10100010, 10010110

#86a296
```
#86a296 rgb(134,162,150)
```
#a28692
```
#a28692 rgb(162,134,146)
```

Complementary Color

#86a288
```
#86a288 rgb(134,162,136)
```
#86a296
```
#86a296 rgb(134,162,150)
```
#86a0a2
```
#86a0a2 rgb(134,160,162)
```

Analogous Color

#a28886
```
#a28886 rgb(162,136,134)
```
#86a296
```
#86a296 rgb(134,162,150)
```
#a286a0
```
#a286a0 rgb(162,134,160)
```

Split Complementary Color

#a29686
```
#a29686 rgb(162,150,134)
```
#86a296
```
#86a296 rgb(134,162,150)
```
#9686a2
```
#9686a2 rgb(150,134,162)
```

Triadic Color

#92a286
```
#92a286 rgb(146,162,134)
```
#86a296
```
#86a296 rgb(134,162,150)
```
#9686a2
```
#9686a2 rgb(150,134,162)
```
#a28692
```
#a28692 rgb(162,134,146)
```

Tetradic Color

#5f7c70
```
#5f7c70 rgb(95,124,112)
```
#6a8b7d
```
#6a8b7d rgb(106,139,125)
```
#789789
```
#789789 rgb(120,151,137)
```
#86a296
```
#86a296 rgb(134,162,150)
```
#94ada3
```
#94ada3 rgb(148,173,163)
```
#a3b8af
```
#a3b8af rgb(163,184,175)
```
#b1c3bc
```
#b1c3bc rgb(177,195,188)
```

Monochromatic Color

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

#86a28f
```
#86a28f rgb(134,162,143)
```
#86a291
```
#86a291 rgb(134,162,145)
```
#86a294
```
#86a294 rgb(134,162,148)
```
#86a296
```
#86a296 rgb(134,162,150)
```
#86a298
```
#86a298 rgb(134,162,152)
```
#86a29b
```
#86a29b rgb(134,162,155)
```
#86a29d
```
#86a29d rgb(134,162,157)
```

Similar Colors

Text with hexadecimal color #86a296

This text has a font color of #86a296.

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

#86a296 background color

This paragraph has a background color of #86a296.

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

#86a296 border color

This element has a border color of #86a296.

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

CSS codes

.text {color:#86a296;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090c0b
```
#090c0b rgb(9,12,11)
```
#121715
```
#121715 rgb(18,23,21)
```
#1a221f
```
#1a221f rgb(26,34,31)
```
#232d29
```
#232d29 rgb(35,45,41)
```
#2b3833
```
#2b3833 rgb(43,56,51)
```
#34443d
```
#34443d rgb(52,68,61)
```
#3c4f47
```
#3c4f47 rgb(60,79,71)
```
#455a51
```
#455a51 rgb(69,90,81)
```
#4d655b
```
#4d655b rgb(77,101,91)
```
#567065
```
#567065 rgb(86,112,101)
```
#5f7b6f
```
#5f7b6f rgb(95,123,111)
```
#678679
```
#678679 rgb(103,134,121)
```

Shade Color Variation

#709183
```
#709183 rgb(112,145,131)
```
#7b998c
```
#7b998c rgb(123,153,140)
```
#86a296
```
#86a296 rgb(134,162,150)
```
#91aba0
```
#91aba0 rgb(145,171,160)
```
#9cb3a9
```
#9cb3a9 rgb(156,179,169)
```
#a7bcb3
```
#a7bcb3 rgb(167,188,179)
```
#b2c4bc
```
#b2c4bc rgb(178,196,188)
```
#bdcdc6
```
#bdcdc6 rgb(189,205,198)
```
#c9d5d0
```
#c9d5d0 rgb(201,213,208)
```
#d4ded9
```
#d4ded9 rgb(212,222,217)
```
#dfe6e3
```
#dfe6e3 rgb(223,230,227)
```
#eaefed
```
#eaefed rgb(234,239,237)
```
#f5f7f6
```
#f5f7f6 rgb(245,247,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9a95 is the less saturated color, while #2bfda3 is the most saturated one.

#8e9a95
```
#8e9a95 rgb(142,154,149)
```
#86a296
```
#86a296 rgb(134,162,150)
```
#7eaa97
```
#7eaa97 rgb(126,170,151)
```
#76b298
```
#76b298 rgb(118,178,152)
```
#6dbb9a
```
#6dbb9a rgb(109,187,154)
```
#65c39b
```
#65c39b rgb(101,195,155)
```
#5dcb9c
```
#5dcb9c rgb(93,203,156)
```
#55d39d
```
#55d39d rgb(85,211,157)
```
#4cdc9e
```
#4cdc9e rgb(76,220,158)
```
#44e49f
```
#44e49f rgb(68,228,159)
```
#3ceca1
```
#3ceca1 rgb(60,236,161)
```
#34f4a2
```
#34f4a2 rgb(52,244,162)
```
#2bfda3
```
#2bfda3 rgb(43,253,163)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#949a98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a098 Protanopia 1% of men
#b09c9f Deuteranopia 1% of men
#90a3af Tritanopia 0.001% of the population

Trichromacy

#9aa097 Protanomaly 1% of men, 0.01% of women
#a09e9b Deuteranomaly 6% of men, 0.4% of women
#8ca3a6 Tritanomaly 0.01% of the population

#86a296 hex color

#86a296 Color Information

#86a296 Color Conversion

Color Schemes with #86a296

Alternatives to #86a296

#86a296 Preview

Shades and Tints of #86a296

Tones of #86a296

Color Blindness Simulator