#86c22f hex color

In a RGB color space, hex #86c22f is composed of 52.5% red, 76.1% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 0% magenta, 75.8% yellow and 23.9% black. It has a hue angle of 84.5 degrees, a saturation of 61% and a lightness of 47.3%. #86c22f color hex could be obtained by blending #ffff5e with #0d8500. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 53
- G 76
- B 18
RGB color chart
- C 31
- M 0
- Y 76
- K 24
CMYK color chart

● #86c22f color description : Strong green.

The hexadecimal color #86c22f has RGB values of R:134, G:194, B:47 and CMYK values of C:0.31, M:0, Y:0.76, K:0.24. Its decimal value is 8831535.

Hex triplet	86c22f	`#86c22f`
RGB Decimal	134, 194, 47	`rgb(134,194,47)`
RGB Percent	52.5, 76.1, 18.4	`rgb(52.5%,76.1%,18.4%)`
CMYK	31, 0, 76, 24
HSL	84.5°, 61, 47.3	`hsl(84.5,61%,47.3%)`
HSV (or HSB)	84.5°, 75.8, 76.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	72.132, -40.831, 62.959
XYZ	29.636, 43.856, 9.593
xyY	0.357, 0.528, 43.856
CIE-LCH	72.132, 75.04, 122.965
CIE-LUV	72.132, -30.323, 77.578
Hunter-Lab	66.224, -36.012, 37.768
Binary	10000110, 11000010, 00101111

#86c22f
```
#86c22f rgb(134,194,47)
```
#6b2fc2
```
#6b2fc2 rgb(107,47,194)
```

Complementary Color

#c2b52f
```
#c2b52f rgb(194,181,47)
```
#86c22f
```
#86c22f rgb(134,194,47)
```
#3dc22f
```
#3dc22f rgb(61,194,47)
```

Analogous Color

#b52fc2
```
#b52fc2 rgb(181,47,194)
```
#86c22f
```
#86c22f rgb(134,194,47)
```
#2f3dc2
```
#2f3dc2 rgb(47,61,194)
```

Split Complementary Color

#c22f86
```
#c22f86 rgb(194,47,134)
```
#86c22f
```
#86c22f rgb(134,194,47)
```
#2f86c2
```
#2f86c2 rgb(47,134,194)
```

Triadic Color

#c26b2f
```
#c26b2f rgb(194,107,47)
```
#86c22f
```
#86c22f rgb(134,194,47)
```
#2f86c2
```
#2f86c2 rgb(47,134,194)
```
#6b2fc2
```
#6b2fc2 rgb(107,47,194)
```

Tetradic Color

#5b8420
```
#5b8420 rgb(91,132,32)
```
#6a9925
```
#6a9925 rgb(106,153,37)
```
#78ad2a
```
#78ad2a rgb(120,173,42)
```
#86c22f
```
#86c22f rgb(134,194,47)
```
#93d03b
```
#93d03b rgb(147,208,59)
```
#9ed450
```
#9ed450 rgb(158,212,80)
```
#aad964
```
#aad964 rgb(170,217,100)
```

Monochromatic Color

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

#abc22f
```
#abc22f rgb(171,194,47)
```
#9fc22f
```
#9fc22f rgb(159,194,47)
```
#92c22f
```
#92c22f rgb(146,194,47)
```
#86c22f
```
#86c22f rgb(134,194,47)
```
#7ac22f
```
#7ac22f rgb(122,194,47)
```
#6ec22f
```
#6ec22f rgb(110,194,47)
```
#61c22f
```
#61c22f rgb(97,194,47)
```

Similar Colors

Text with hexadecimal color #86c22f

This text has a font color of #86c22f.

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

#86c22f background color

This paragraph has a background color of #86c22f.

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

#86c22f border color

This element has a border color of #86c22f.

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

CSS codes

.text {color:#86c22f;}

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

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

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

#030501
```
#030501 rgb(3,5,1)
```
#0e1405
```
#0e1405 rgb(14,20,5)
```
#192409
```
#192409 rgb(25,36,9)
```
#24340d
```
#24340d rgb(36,52,13)
```
#2f4410
```
#2f4410 rgb(47,68,16)
```
#3a5314
```
#3a5314 rgb(58,83,20)
```
#456318
```
#456318 rgb(69,99,24)
```
#4f731c
```
#4f731c rgb(79,115,28)
```
#5a8320
```
#5a8320 rgb(90,131,32)
```
#659324
```
#659324 rgb(101,147,36)
```
#70a227
```
#70a227 rgb(112,162,39)
```
#7bb22b
```
#7bb22b rgb(123,178,43)
```
#86c22f
```
#86c22f rgb(134,194,47)
```

Shade Color Variation

#90ce36
```
#90ce36 rgb(144,206,54)
```
#99d246
```
#99d246 rgb(153,210,70)
```
#a2d656
```
#a2d656 rgb(162,214,86)
```
#aada66
```
#aada66 rgb(170,218,102)
```
#b3de75
```
#b3de75 rgb(179,222,117)
```
#bce185
```
#bce185 rgb(188,225,133)
```
#c5e595
```
#c5e595 rgb(197,229,149)
```
#cde9a5
```
#cde9a5 rgb(205,233,165)
```
#d6edb5
```
#d6edb5 rgb(214,237,181)
```
#dff1c4
```
#dff1c4 rgb(223,241,196)
```
#e7f5d4
```
#e7f5d4 rgb(231,245,212)
```
#f0f8e4
```
#f0f8e4 rgb(240,248,228)
```
#f9fcf4
```
#f9fcf4 rgb(249,252,244)
```

Tint Color Variation

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

#7a8170
```
#7a8170 rgb(122,129,112)
```
#7c8a67
```
#7c8a67 rgb(124,138,103)
```
#7d945d
```
#7d945d rgb(125,148,93)
```
#7f9d54
```
#7f9d54 rgb(127,157,84)
```
#81a64b
```
#81a64b rgb(129,166,75)
```
#83af42
```
#83af42 rgb(131,175,66)
```
#84b938
```
#84b938 rgb(132,185,56)
```
#86c22f
```
#86c22f rgb(134,194,47)
```
#88cb26
```
#88cb26 rgb(136,203,38)
```
#89d51c
```
#89d51c rgb(137,213,28)
```
#8bde13
```
#8bde13 rgb(139,222,19)
```
#8de70a
```
#8de70a rgb(141,231,10)
```
#8ff001
```
#8ff001 rgb(143,240,1)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#9aa689 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab535 Protanopia 1% of men
#dfac46 Deuteranopia 1% of men
#a0b8c5 Tritanopia 0.001% of the population

Trichromacy

#b1b933 Protanomaly 1% of men, 0.01% of women
#bfb43d Deuteranomaly 6% of men, 0.4% of women
#96bc8f Tritanomaly 0.01% of the population

#86c22f hex color

#86c22f Color Information

#86c22f Color Conversion

Color Schemes with #86c22f

Alternatives to #86c22f

#86c22f Preview

Shades and Tints of #86c22f

Tones of #86c22f

Color Blindness Simulator