#86b222 hex color

In a RGB color space, hex #86b222 is composed of 52.5% red, 69.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 0% magenta, 80.9% yellow and 30.2% black. It has a hue angle of 78.3 degrees, a saturation of 67.9% and a lightness of 41.6%. #86b222 color hex could be obtained by blending #ffff44 with #0d6500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 53
- G 70
- B 13
RGB color chart
- C 25
- M 0
- Y 81
- K 30
CMYK color chart

● #86b222 color description : Dark green.

The hexadecimal color #86b222 has RGB values of R:134, G:178, B:34 and CMYK values of C:0.25, M:0, Y:0.81, K:0.3. Its decimal value is 8827426.

Hex triplet	86b222	`#86b222`
RGB Decimal	134, 178, 34	`rgb(134,178,34)`
RGB Percent	52.5, 69.8, 13.3	`rgb(52.5%,69.8%,13.3%)`
CMYK	25, 0, 81, 30
HSL	78.3°, 67.9, 41.6	`hsl(78.3,67.9%,41.6%)`
HSV (or HSB)	78.3°, 80.9, 69.8
Web Safe	999933	`#999933`

CIE-LAB	67.295, -34.288, 62.409
XYZ	26.04, 37.024, 7.288
xyY	0.37, 0.526, 37.024
CIE-LCH	67.295, 71.208, 118.785
CIE-LUV	67.295, -22.026, 73.503
Hunter-Lab	60.847, -30.092, 35.492
Binary	10000110, 10110010, 00100010

#86b222
```
#86b222 rgb(134,178,34)
```
#4e22b2
```
#4e22b2 rgb(78,34,178)
```

Complementary Color

#b29622
```
#b29622 rgb(178,150,34)
```
#86b222
```
#86b222 rgb(134,178,34)
```
#3eb222
```
#3eb222 rgb(62,178,34)
```

Analogous Color

#9622b2
```
#9622b2 rgb(150,34,178)
```
#86b222
```
#86b222 rgb(134,178,34)
```
#223eb2
```
#223eb2 rgb(34,62,178)
```

Split Complementary Color

#b22286
```
#b22286 rgb(178,34,134)
```
#86b222
```
#86b222 rgb(134,178,34)
```
#2286b2
```
#2286b2 rgb(34,134,178)
```

Triadic Color

#b24e22
```
#b24e22 rgb(178,78,34)
```
#86b222
```
#86b222 rgb(134,178,34)
```
#2286b2
```
#2286b2 rgb(34,134,178)
```
#4e22b2
```
#4e22b2 rgb(78,34,178)
```

Tetradic Color

#567216
```
#567216 rgb(86,114,22)
```
#66871a
```
#66871a rgb(102,135,26)
```
#769d1e
```
#769d1e rgb(118,157,30)
```
#86b222
```
#86b222 rgb(134,178,34)
```
#96c726
```
#96c726 rgb(150,199,38)
```
#a4d730
```
#a4d730 rgb(164,215,48)
```
#aedb45
```
#aedb45 rgb(174,219,69)
```

Monochromatic Color

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

#aab222
```
#aab222 rgb(170,178,34)
```
#9eb222
```
#9eb222 rgb(158,178,34)
```
#92b222
```
#92b222 rgb(146,178,34)
```
#86b222
```
#86b222 rgb(134,178,34)
```
#7ab222
```
#7ab222 rgb(122,178,34)
```
#6eb222
```
#6eb222 rgb(110,178,34)
```
#62b222
```
#62b222 rgb(98,178,34)
```

Similar Colors

Text with hexadecimal color #86b222

This text has a font color of #86b222.

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

#86b222 background color

This paragraph has a background color of #86b222.

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

#86b222 border color

This element has a border color of #86b222.

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

CSS codes

.text {color:#86b222;}

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

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

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, #0a0d03 is the darkest color, while #fefefc is the lightest one.

#0a0d03
```
#0a0d03 rgb(10,13,3)
```
#161e06
```
#161e06 rgb(22,30,6)
```
#232e09
```
#232e09 rgb(35,46,9)
```
#2f3f0c
```
#2f3f0c rgb(47,63,12)
```
#3c4f0f
```
#3c4f0f rgb(60,79,15)
```
#486012
```
#486012 rgb(72,96,18)
```
#547015
```
#547015 rgb(84,112,21)
```
#618119
```
#618119 rgb(97,129,25)
```
#6d911c
```
#6d911c rgb(109,145,28)
```
#7aa21f
```
#7aa21f rgb(122,162,31)
```
#86b222
```
#86b222 rgb(134,178,34)
```
#92c225
```
#92c225 rgb(146,194,37)
```
#9fd328
```
#9fd328 rgb(159,211,40)
```

Shade Color Variation

#a7d936
```
#a7d936 rgb(167,217,54)
```
#aedc47
```
#aedc47 rgb(174,220,71)
```
#b5df57
```
#b5df57 rgb(181,223,87)
```
#bde268
```
#bde268 rgb(189,226,104)
```
#c4e578
```
#c4e578 rgb(196,229,120)
```
#cbe889
```
#cbe889 rgb(203,232,137)
```
#d2ec99
```
#d2ec99 rgb(210,236,153)
```
#daefa9
```
#daefa9 rgb(218,239,169)
```
#e1f2ba
```
#e1f2ba rgb(225,242,186)
```
#e8f5ca
```
#e8f5ca rgb(232,245,202)
```
#eff8db
```
#eff8db rgb(239,248,219)
```
#f6fbeb
```
#f6fbeb rgb(246,251,235)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7163 is the less saturated color, while #93d301 is the most saturated one.

#6d7163
```
#6d7163 rgb(109,113,99)
```
#70795b
```
#70795b rgb(112,121,91)
```
#738153
```
#738153 rgb(115,129,83)
```
#76894b
```
#76894b rgb(118,137,75)
```
#799143
```
#799143 rgb(121,145,67)
```
#7c9a3a
```
#7c9a3a rgb(124,154,58)
```
#80a232
```
#80a232 rgb(128,162,50)
```
#83aa2a
```
#83aa2a rgb(131,170,42)
```
#86b222
```
#86b222 rgb(134,178,34)
```
#89ba1a
```
#89ba1a rgb(137,186,26)
```
#8cc212
```
#8cc212 rgb(140,194,18)
```
#90ca0a
```
#90ca0a rgb(144,202,10)
```
#93d301
```
#93d301 rgb(147,211,1)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#919a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#bca82a Protanopia 1% of men
#d1a039 Deuteranopia 1% of men
#9daab6 Tritanopia 0.001% of the population

Trichromacy

#a8ac27 Protanomaly 1% of men, 0.01% of women
#b5a631 Deuteranomaly 6% of men, 0.4% of women
#94ad80 Tritanomaly 0.01% of the population

#86b222 hex color

#86b222 Color Information

#86b222 Color Conversion

Color Schemes with #86b222

Alternatives to #86b222

#86b222 Preview

Shades and Tints of #86b222

Tones of #86b222

Color Blindness Simulator