colorhexa.com

#86f346 hex color

In a RGB color space, hex #86f346 is composed of 52.5% red, 95.3% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 0% magenta, 71.2% yellow and 4.7% black. It has a hue angle of 97.8 degrees, a saturation of 87.8% and a lightness of 61.4%. #86f346 color hex could be obtained by blending #ffff8c with #0de700. Closest websafe color is: #99ff33.

- R 53
- G 95
- B 27
RGB color chart
- C 45
- M 0
- Y 71
- K 5
CMYK color chart

● #86f346 color description : Bright green.

The hexadecimal color #86f346 has RGB values of R:134, G:243, B:70 and CMYK values of C:0.45, M:0, Y:0.71, K:0.05. Its decimal value is 8844102.

Hex triplet	86f346	`#86f346`
RGB Decimal	134, 243, 70	`rgb(134,243,70)`
RGB Percent	52.5, 95.3, 27.5	`rgb(52.5%,95.3%,27.5%)`
CMYK	45, 0, 71, 5
HSL	97.8°, 87.8, 61.4	`hsl(97.8,87.8%,61.4%)`
HSV (or HSB)	97.8°, 71.2, 95.3
Web Safe	99ff33	`#99ff33`

CIE-LAB	86.805, -59.329, 69.63
XYZ	42.986, 69.609, 16.965
xyY	0.332, 0.537, 69.609
CIE-LCH	86.805, 91.478, 130.433
CIE-LUV	86.805, -52.754, 92.722
Hunter-Lab	83.432, -54.039, 46.347
Binary	10000110, 11110011, 01000110

#86f346
```
#86f346 rgb(134,243,70)
```
#b346f3
```
#b346f3 rgb(179,70,243)
```

Complementary Color

#ddf346
```
#ddf346 rgb(221,243,70)
```
#86f346
```
#86f346 rgb(134,243,70)
```
#46f35c
```
#46f35c rgb(70,243,92)
```

Analogous Color

#f346dd
```
#f346dd rgb(243,70,221)
```
#86f346
```
#86f346 rgb(134,243,70)
```
#5c46f3
```
#5c46f3 rgb(92,70,243)
```

Split Complementary Color

#f34686
```
#f34686 rgb(243,70,134)
```
#86f346
```
#86f346 rgb(134,243,70)
```
#4686f3
```
#4686f3 rgb(70,134,243)
```

Triadic Color

#f3b346
```
#f3b346 rgb(243,179,70)
```
#86f346
```
#86f346 rgb(134,243,70)
```
#4686f3
```
#4686f3 rgb(70,134,243)
```
#b346f3
```
#b346f3 rgb(179,70,243)
```

Tetradic Color

#5bde0e
```
#5bde0e rgb(91,222,14)
```
#67f016
```
#67f016 rgb(103,240,22)
```
#76f12e
```
#76f12e rgb(118,241,46)
```
#86f346
```
#86f346 rgb(134,243,70)
```
#96f55e
```
#96f55e rgb(150,245,94)
```
#a5f676
```
#a5f676 rgb(165,246,118)
```
#b5f88e
```
#b5f88e rgb(181,248,142)
```

Monochromatic Color

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

#b1f346
```
#b1f346 rgb(177,243,70)
```
#a3f346
```
#a3f346 rgb(163,243,70)
```
#94f346
```
#94f346 rgb(148,243,70)
```
#86f346
```
#86f346 rgb(134,243,70)
```
#78f346
```
#78f346 rgb(120,243,70)
```
#69f346
```
#69f346 rgb(105,243,70)
```
#5bf346
```
#5bf346 rgb(91,243,70)
```

Similar Colors

Text with hexadecimal color #86f346

This text has a font color of #86f346.

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

#86f346 background color

This paragraph has a background color of #86f346.

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

#86f346 border color

This element has a border color of #86f346.

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

CSS codes

.text {color:#86f346;}

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

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

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

#071201
```
#071201 rgb(7,18,1)
```
#0f2402
```
#0f2402 rgb(15,36,2)
```
#163604
```
#163604 rgb(22,54,4)
```
#1e4905
```
#1e4905 rgb(30,73,5)
```
#265b06
```
#265b06 rgb(38,91,6)
```
#2d6e07
```
#2d6e07 rgb(45,110,7)
```
#358008
```
#358008 rgb(53,128,8)
```
#3c930a
```
#3c930a rgb(60,147,10)
```
#44a50b
```
#44a50b rgb(68,165,11)
```
#4bb70c
```
#4bb70c rgb(75,183,12)
```
#53ca0d
```
#53ca0d rgb(83,202,13)
```
#5adc0e
```
#5adc0e rgb(90,220,14)
```
#62ef0f
```
#62ef0f rgb(98,239,15)
```

Shade Color Variation

#6ef121
```
#6ef121 rgb(110,241,33)
```
#7af234
```
#7af234 rgb(122,242,52)
```
#86f346
```
#86f346 rgb(134,243,70)
```
#92f458
```
#92f458 rgb(146,244,88)
```
#9ef56b
```
#9ef56b rgb(158,245,107)
```
#aaf77d
```
#aaf77d rgb(170,247,125)
```
#b6f890
```
#b6f890 rgb(182,248,144)
```
#c2f9a2
```
#c2f9a2 rgb(194,249,162)
```
#cefab5
```
#cefab5 rgb(206,250,181)
```
#dafbc7
```
#dafbc7 rgb(218,251,199)
```
#e6fdd9
```
#e6fdd9 rgb(230,253,217)
```
#f2feec
```
#f2feec rgb(242,254,236)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#9ca099
```
#9ca099 rgb(156,160,153)
```
#9aa792
```
#9aa792 rgb(154,167,146)
```
#98af8a
```
#98af8a rgb(152,175,138)
```
#96b683
```
#96b683 rgb(150,182,131)
```
#94be7b
```
#94be7b rgb(148,190,123)
```
#92c673
```
#92c673 rgb(146,198,115)
```
#90cd6c
```
#90cd6c rgb(144,205,108)
```
#8ed564
```
#8ed564 rgb(142,213,100)
```
#8cdc5d
```
#8cdc5d rgb(140,220,93)
```
#8ae455
```
#8ae455 rgb(138,228,85)
```
#88eb4e
```
#88eb4e rgb(136,235,78)
```
#86f346
```
#86f346 rgb(134,243,70)
```
#84fb3e
```
#84fb3e rgb(132,251,62)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b4c9a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4db49 Protanopia 1% of men
#ffd498 Deuteranopia 1% of men
#abe4f4 Tritanopia 0.001% of the population

Trichromacy

#cce448 Protanomaly 1% of men, 0.01% of women
#d3df7a Deuteranomaly 6% of men, 0.4% of women
#9de9b5 Tritanomaly 0.01% of the population