#86a300 hex color

In a RGB color space, hex #86a300 is composed of 52.5% red, 63.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 100% yellow and 36.1% black. It has a hue angle of 70.7 degrees, a saturation of 100% and a lightness of 32%. #86a300 color hex could be obtained by blending #ffff00 with #0d4700. Closest websafe color is: #999900.

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

● #86a300 color description : Dark yellow [Olive tone].

The hexadecimal color #86a300 has RGB values of R:134, G:163, B:0 and CMYK values of C:0.18, M:0, Y:1, K:0.36. Its decimal value is 8823552.

Hex triplet	86a300	`#86a300`
RGB Decimal	134, 163, 0	`rgb(134,163,0)`
RGB Percent	52.5, 63.9, 0	`rgb(52.5%,63.9%,0%)`
CMYK	18, 0, 100, 36
HSL	70.7°, 100, 32	`hsl(70.7,100%,32%)`
HSV (or HSB)	70.7°, 100, 63.9
Web Safe	999900	`#999900`

CIE-LAB	62.729, -28.093, 64.958
XYZ	22.929, 31.263, 4.826
xyY	0.389, 0.53, 31.263
CIE-LCH	62.729, 70.773, 113.387
CIE-LUV	62.729, -13.627, 71.221
Hunter-Lab	55.913, -24.649, 34.021
Binary	10000110, 10100011, 00000000

#86a300
```
#86a300 rgb(134,163,0)
```
#1d00a3
```
#1d00a3 rgb(29,0,163)
```

Complementary Color

#a36f00
```
#a36f00 rgb(163,111,0)
```
#86a300
```
#86a300 rgb(134,163,0)
```
#35a300
```
#35a300 rgb(53,163,0)
```

Analogous Color

#6f00a3
```
#6f00a3 rgb(111,0,163)
```
#86a300
```
#86a300 rgb(134,163,0)
```
#0035a3
```
#0035a3 rgb(0,53,163)
```

Split Complementary Color

#a30086
```
#a30086 rgb(163,0,134)
```
#86a300
```
#86a300 rgb(134,163,0)
```
#0086a3
```
#0086a3 rgb(0,134,163)
```

Triadic Color

#a31d00
```
#a31d00 rgb(163,29,0)
```
#86a300
```
#86a300 rgb(134,163,0)
```
#0086a3
```
#0086a3 rgb(0,134,163)
```
#1d00a3
```
#1d00a3 rgb(29,0,163)
```

Tetradic Color

#475700
```
#475700 rgb(71,87,0)
```
#5c7000
```
#5c7000 rgb(92,112,0)
```
#718a00
```
#718a00 rgb(113,138,0)
```
#86a300
```
#86a300 rgb(134,163,0)
```
#9bbd00
```
#9bbd00 rgb(155,189,0)
```
#b0d600
```
#b0d600 rgb(176,214,0)
```
#c5f000
```
#c5f000 rgb(197,240,0)
```

Monochromatic Color

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

#a39700
```
#a39700 rgb(163,151,0)
```
#a1a300
```
#a1a300 rgb(161,163,0)
```
#94a300
```
#94a300 rgb(148,163,0)
```
#86a300
```
#86a300 rgb(134,163,0)
```
#78a300
```
#78a300 rgb(120,163,0)
```
#6ba300
```
#6ba300 rgb(107,163,0)
```
#5da300
```
#5da300 rgb(93,163,0)
```

Similar Colors

Text with hexadecimal color #86a300

This text has a font color of #86a300.

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

#86a300 background color

This paragraph has a background color of #86a300.

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

#86a300 border color

This element has a border color of #86a300.

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

CSS codes

.text {color:#86a300;}

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

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

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

#050600
```
#050600 rgb(5,6,0)
```
#151a00
```
#151a00 rgb(21,26,0)
```
#252d00
```
#252d00 rgb(37,45,0)
```
#354100
```
#354100 rgb(53,65,0)
```
#455500
```
#455500 rgb(69,85,0)
```
#566800
```
#566800 rgb(86,104,0)
```
#667c00
```
#667c00 rgb(102,124,0)
```
#768f00
```
#768f00 rgb(118,143,0)
```
#86a300
```
#86a300 rgb(134,163,0)
```
#96b700
```
#96b700 rgb(150,183,0)
```
#a6ca00
```
#a6ca00 rgb(166,202,0)
```
#b6de00
```
#b6de00 rgb(182,222,0)
```
#c7f100
```
#c7f100 rgb(199,241,0)
```

Shade Color Variation

#d3ff06
```
#d3ff06 rgb(211,255,6)
```
#d6ff1a
```
#d6ff1a rgb(214,255,26)
```
#daff2d
```
#daff2d rgb(218,255,45)
```
#ddff41
```
#ddff41 rgb(221,255,65)
```
#e1ff55
```
#e1ff55 rgb(225,255,85)
```
#e4ff68
```
#e4ff68 rgb(228,255,104)
```
#e8ff7c
```
#e8ff7c rgb(232,255,124)
```
#ebff8f
```
#ebff8f rgb(235,255,143)
```
#efffa3
```
#efffa3 rgb(239,255,163)
```
#f2ffb7
```
#f2ffb7 rgb(242,255,183)
```
#f6ffca
```
#f6ffca rgb(246,255,202)
```
#f9ffde
```
#f9ffde rgb(249,255,222)
```
#fdfff1
```
#fdfff1 rgb(253,255,241)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56584b is the less saturated color, while #86a300 is the most saturated one.

#56584b
```
#56584b rgb(86,88,75)
```
#5a5e45
```
#5a5e45 rgb(90,94,69)
```
#5e643f
```
#5e643f rgb(94,100,63)
```
#626b38
```
#626b38 rgb(98,107,56)
```
#667132
```
#667132 rgb(102,113,50)
```
#6a772c
```
#6a772c rgb(106,119,44)
```
#6e7d26
```
#6e7d26 rgb(110,125,38)
```
#72841f
```
#72841f rgb(114,132,31)
```
#768a19
```
#768a19 rgb(118,138,25)
```
#7a9013
```
#7a9013 rgb(122,144,19)
```
#7e960d
```
#7e960d rgb(126,150,13)
```
#829d06
```
#829d06 rgb(130,157,6)
```
#86a300
```
#86a300 rgb(134,163,0)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#888d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09d00 Protanopia 1% of men
#c49523 Deuteranopia 1% of men
#9a9ca7 Tritanopia 0.001% of the population

Trichromacy

#a09f00 Protanomaly 1% of men, 0.01% of women
#ad9a16 Deuteranomaly 6% of men, 0.4% of women
#939e6a Tritanomaly 0.01% of the population

#86a300 hex color

#86a300 Color Information

#86a300 Color Conversion

Color Schemes with #86a300

Alternatives to #86a300

#86a300 Preview

Shades and Tints of #86a300

Tones of #86a300

Color Blindness Simulator