#86bea2 hex color

In a RGB color space, hex #86bea2 is composed of 52.5% red, 74.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 29.5% cyan, 0% magenta, 14.7% yellow and 25.5% black. It has a hue angle of 150 degrees, a saturation of 30.1% and a lightness of 63.5%. #86bea2 color hex could be obtained by blending #ffffff with #0d7d45. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 75
- B 64
RGB color chart
- C 29
- M 0
- Y 15
- K 25
CMYK color chart

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

The hexadecimal color #86bea2 has RGB values of R:134, G:190, B:162 and CMYK values of C:0.29, M:0, Y:0.15, K:0.25. Its decimal value is 8830626.

Hex triplet	86bea2	`#86bea2`
RGB Decimal	134, 190, 162	`rgb(134,190,162)`
RGB Percent	52.5, 74.5, 63.5	`rgb(52.5%,74.5%,63.5%)`
CMYK	29, 0, 15, 25
HSL	150°, 30.1, 63.5	`hsl(150,30.1%,63.5%)`
HSV (or HSB)	150°, 29.5, 74.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.563, -24.16, 8.344
XYZ	34.765, 44.503, 40.939
xyY	0.289, 0.37, 44.503
CIE-LCH	72.563, 25.56, 160.948
CIE-LUV	72.563, -27.646, 16.108
Hunter-Lab	66.71, -23.721, 10.312
Binary	10000110, 10111110, 10100010

#86bea2
```
#86bea2 rgb(134,190,162)
```
#be86a2
```
#be86a2 rgb(190,134,162)
```

Complementary Color

#86be86
```
#86be86 rgb(134,190,134)
```
#86bea2
```
#86bea2 rgb(134,190,162)
```
#86bebe
```
#86bebe rgb(134,190,190)
```

Analogous Color

#be8686
```
#be8686 rgb(190,134,134)
```
#86bea2
```
#86bea2 rgb(134,190,162)
```
#be86be
```
#be86be rgb(190,134,190)
```

Split Complementary Color

#bea286
```
#bea286 rgb(190,162,134)
```
#86bea2
```
#86bea2 rgb(134,190,162)
```
#a286be
```
#a286be rgb(162,134,190)
```

Triadic Color

#a2be86
```
#a2be86 rgb(162,190,134)
```
#86bea2
```
#86bea2 rgb(134,190,162)
```
#a286be
```
#a286be rgb(162,134,190)
```
#be86a2
```
#be86a2 rgb(190,134,162)
```

Tetradic Color

#56a17c
```
#56a17c rgb(86,161,124)
```
#65ac89
```
#65ac89 rgb(101,172,137)
```
#75b595
```
#75b595 rgb(117,181,149)
```
#86bea2
```
#86bea2 rgb(134,190,162)
```
#97c7af
```
#97c7af rgb(151,199,175)
```
#a7d0bc
```
#a7d0bc rgb(167,208,188)
```
#b8d9c8
```
#b8d9c8 rgb(184,217,200)
```

Monochromatic Color

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

#86be94
```
#86be94 rgb(134,190,148)
```
#86be99
```
#86be99 rgb(134,190,153)
```
#86be9d
```
#86be9d rgb(134,190,157)
```
#86bea2
```
#86bea2 rgb(134,190,162)
```
#86bea7
```
#86bea7 rgb(134,190,167)
```
#86beab
```
#86beab rgb(134,190,171)
```
#86beb0
```
#86beb0 rgb(134,190,176)
```

Similar Colors

Text with hexadecimal color #86bea2

This text has a font color of #86bea2.

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

#86bea2 background color

This paragraph has a background color of #86bea2.

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

#86bea2 border color

This element has a border color of #86bea2.

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

CSS codes

.text {color:#86bea2;}

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

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

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

#040705
```
#040705 rgb(4,7,5)
```
#0a130f
```
#0a130f rgb(10,19,15)
```
#112019
```
#112019 rgb(17,32,25)
```
#182d23
```
#182d23 rgb(24,45,35)
```
#1f3a2c
```
#1f3a2c rgb(31,58,44)
```
#264636
```
#264636 rgb(38,70,54)
```
#2d5340
```
#2d5340 rgb(45,83,64)
```
#34604a
```
#34604a rgb(52,96,74)
```
#3a6d54
```
#3a6d54 rgb(58,109,84)
```
#41795d
```
#41795d rgb(65,121,93)
```
#488667
```
#488667 rgb(72,134,103)
```
#4f9371
```
#4f9371 rgb(79,147,113)
```
#56a07b
```
#56a07b rgb(86,160,123)
```

Shade Color Variation

#60a985
```
#60a985 rgb(96,169,133)
```
#6cb08e
```
#6cb08e rgb(108,176,142)
```
#79b798
```
#79b798 rgb(121,183,152)
```
#86bea2
```
#86bea2 rgb(134,190,162)
```
#93c5ac
```
#93c5ac rgb(147,197,172)
```
#a0ccb6
```
#a0ccb6 rgb(160,204,182)
```
#acd3bf
```
#acd3bf rgb(172,211,191)
```
#b9d9c9
```
#b9d9c9 rgb(185,217,201)
```
#c6e0d3
```
#c6e0d3 rgb(198,224,211)
```
#d3e7dd
```
#d3e7dd rgb(211,231,221)
```
#dfeee7
```
#dfeee7 rgb(223,238,231)
```
#ecf5f0
```
#ecf5f0 rgb(236,245,240)
```
#f9fcfa
```
#f9fcfa rgb(249,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba9a2 is the less saturated color, while #46fea2 is the most saturated one.

#9ba9a2
```
#9ba9a2 rgb(155,169,162)
```
#94b0a2
```
#94b0a2 rgb(148,176,162)
```
#8db7a2
```
#8db7a2 rgb(141,183,162)
```
#86bea2
```
#86bea2 rgb(134,190,162)
```
#7fc5a2
```
#7fc5a2 rgb(127,197,162)
```
#78cca2
```
#78cca2 rgb(120,204,162)
```
#71d3a2
```
#71d3a2 rgb(113,211,162)
```
#69dba2
```
#69dba2 rgb(105,219,162)
```
#62e2a2
```
#62e2a2 rgb(98,226,162)
```
#5be9a2
```
#5be9a2 rgb(91,233,162)
```
#54f0a2
```
#54f0a2 rgb(84,240,162)
```
#4df7a2
```
#4df7a2 rgb(77,247,162)
```
#46fea2
```
#46fea2 rgb(70,254,162)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a3aea8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb5a1 Protanopia 1% of men
#cab0ac Deuteranopia 1% of men
#94bcc9 Tritanopia 0.001% of the population

Trichromacy

#a9b8a1 Protanomaly 1% of men, 0.01% of women
#b1b5a8 Deuteranomaly 6% of men, 0.4% of women
#8fbcbb Tritanomaly 0.01% of the population

#86bea2 hex color

#86bea2 Color Information

#86bea2 Color Conversion

Color Schemes with #86bea2

Alternatives to #86bea2

#86bea2 Preview

Shades and Tints of #86bea2

Tones of #86bea2

Color Blindness Simulator