#86a312 hex color

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

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

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

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

Hex triplet	86a312	`#86a312`
RGB Decimal	134, 163, 18	`rgb(134,163,18)`
RGB Percent	52.5, 63.9, 7.1	`rgb(52.5%,63.9%,7.1%)`
CMYK	18, 0, 89, 36
HSL	72°, 80.1, 35.5	`hsl(72,80.1%,35.5%)`
HSV (or HSB)	72°, 89, 63.9
Web Safe	999900	`#999900`

CIE-LAB	62.765, -27.758, 62.316
XYZ	23.038, 31.306, 5.401
xyY	0.386, 0.524, 31.306
CIE-LCH	62.765, 68.218, 114.01
CIE-LUV	62.765, -13.658, 69.675
Hunter-Lab	55.952, -24.42, 33.443
Binary	10000110, 10100011, 00010010

#86a312
```
#86a312 rgb(134,163,18)
```
#2f12a3
```
#2f12a3 rgb(47,18,163)
```

Complementary Color

#a37812
```
#a37812 rgb(163,120,18)
```
#86a312
```
#86a312 rgb(134,163,18)
```
#3da312
```
#3da312 rgb(61,163,18)
```

Analogous Color

#7812a3
```
#7812a3 rgb(120,18,163)
```
#86a312
```
#86a312 rgb(134,163,18)
```
#123ea3
```
#123ea3 rgb(18,62,163)
```

Split Complementary Color

#a31286
```
#a31286 rgb(163,18,134)
```
#86a312
```
#86a312 rgb(134,163,18)
```
#1286a3
```
#1286a3 rgb(18,134,163)
```

Triadic Color

#a32f12
```
#a32f12 rgb(163,47,18)
```
#86a312
```
#86a312 rgb(134,163,18)
```
#1286a3
```
#1286a3 rgb(18,134,163)
```
#2f12a3
```
#2f12a3 rgb(47,18,163)
```

Tetradic Color

#4d5e0a
```
#4d5e0a rgb(77,94,10)
```
#60750d
```
#60750d rgb(96,117,13)
```
#738c0f
```
#738c0f rgb(115,140,15)
```
#86a312
```
#86a312 rgb(134,163,18)
```
#99ba15
```
#99ba15 rgb(153,186,21)
```
#acd117
```
#acd117 rgb(172,209,23)
```
#bde61c
```
#bde61c rgb(189,230,28)
```

Monochromatic Color

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

#a39c12
```
#a39c12 rgb(163,156,18)
```
#9ea312
```
#9ea312 rgb(158,163,18)
```
#92a312
```
#92a312 rgb(146,163,18)
```
#86a312
```
#86a312 rgb(134,163,18)
```
#7aa312
```
#7aa312 rgb(122,163,18)
```
#6ea312
```
#6ea312 rgb(110,163,18)
```
#62a312
```
#62a312 rgb(98,163,18)
```

Similar Colors

Text with hexadecimal color #86a312

This text has a font color of #86a312.

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

#86a312 background color

This paragraph has a background color of #86a312.

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

#86a312 border color

This element has a border color of #86a312.

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

CSS codes

.text {color:#86a312;}

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

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

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

#030400
```
#030400 rgb(3,4,0)
```
#121602
```
#121602 rgb(18,22,2)
```
#202704
```
#202704 rgb(32,39,4)
```
#2f3906
```
#2f3906 rgb(47,57,6)
```
#3d4b08
```
#3d4b08 rgb(61,75,8)
```
#4c5c0a
```
#4c5c0a rgb(76,92,10)
```
#5a6e0c
```
#5a6e0c rgb(90,110,12)
```
#69800e
```
#69800e rgb(105,128,14)
```
#779110
```
#779110 rgb(119,145,16)
```
#86a312
```
#86a312 rgb(134,163,18)
```
#95b514
```
#95b514 rgb(149,181,20)
```
#a3c616
```
#a3c616 rgb(163,198,22)
```
#b2d818
```
#b2d818 rgb(178,216,24)
```

Shade Color Variation

#bee61d
```
#bee61d rgb(190,230,29)
```
#c3e82f
```
#c3e82f rgb(195,232,47)
```
#c8ea41
```
#c8ea41 rgb(200,234,65)
```
#cdec52
```
#cdec52 rgb(205,236,82)
```
#d2ee64
```
#d2ee64 rgb(210,238,100)
```
#d7f076
```
#d7f076 rgb(215,240,118)
```
#ddf287
```
#ddf287 rgb(221,242,135)
```
#e2f499
```
#e2f499 rgb(226,244,153)
```
#e7f6ab
```
#e7f6ab rgb(231,246,171)
```
#ecf8bc
```
#ecf8bc rgb(236,248,188)
```
#f1face
```
#f1face rgb(241,250,206)
```
#f6fce0
```
#f6fce0 rgb(246,252,224)
```
#fbfdf1
```
#fbfdf1 rgb(251,253,241)
```

Tint Color Variation

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

#5c5d58
```
#5c5d58 rgb(92,93,88)
```
#606451
```
#606451 rgb(96,100,81)
```
#656b4a
```
#656b4a rgb(101,107,74)
```
#697243
```
#697243 rgb(105,114,67)
```
#6d793c
```
#6d793c rgb(109,121,60)
```
#718035
```
#718035 rgb(113,128,53)
```
#75872e
```
#75872e rgb(117,135,46)
```
#798e27
```
#798e27 rgb(121,142,39)
```
#7e9520
```
#7e9520 rgb(126,149,32)
```
#829c19
```
#829c19 rgb(130,156,25)
```
#86a312
```
#86a312 rgb(134,163,18)
```
#8aaa0b
```
#8aaa0b rgb(138,170,11)
```
#8eb104
```
#8eb104 rgb(142,177,4)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#898f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09d1b Protanopia 1% of men
#c3952c Deuteranopia 1% of men
#9a9ca7 Tritanopia 0.001% of the population

Trichromacy

#a09f17 Protanomaly 1% of men, 0.01% of women
#ad9a22 Deuteranomaly 6% of men, 0.4% of women
#939f71 Tritanomaly 0.01% of the population

#86a312 hex color

#86a312 Color Information

#86a312 Color Conversion

Color Schemes with #86a312

Alternatives to #86a312

#86a312 Preview

Shades and Tints of #86a312

Tones of #86a312

Color Blindness Simulator