#86b45f hex color

In a RGB color space, hex #86b45f is composed of 52.5% red, 70.6% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 0% magenta, 47.2% yellow and 29.4% black. It has a hue angle of 92.5 degrees, a saturation of 36.2% and a lightness of 53.9%. #86b45f color hex could be obtained by blending #ffffbe with #0d6900. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 53
- G 71
- B 37
RGB color chart
- C 26
- M 0
- Y 47
- K 29
CMYK color chart

● #86b45f color description : Slightly desaturated green.

The hexadecimal color #86b45f has RGB values of R:134, G:180, B:95 and CMYK values of C:0.26, M:0, Y:0.47, K:0.29. Its decimal value is 8827999.

Hex triplet	86b45f	`#86b45f`
RGB Decimal	134, 180, 95	`rgb(134,180,95)`
RGB Percent	52.5, 70.6, 37.3	`rgb(52.5%,70.6%,37.3%)`
CMYK	26, 0, 47, 29
HSL	92.5°, 36.2, 53.9	`hsl(92.5,36.2%,53.9%)`
HSV (or HSB)	92.5°, 47.2, 70.6
Web Safe	99cc66	`#99cc66`

CIE-LAB	68.414, -30.302, 38.319
XYZ	28.218, 38.536, 16.777
xyY	0.338, 0.461, 38.536
CIE-LCH	68.414, 48.852, 128.336
CIE-LUV	68.414, -23.068, 53.26
Hunter-Lab	62.078, -27.498, 27.43
Binary	10000110, 10110100, 01011111

#86b45f
```
#86b45f rgb(134,180,95)
```
#8d5fb4
```
#8d5fb4 rgb(141,95,180)
```

Complementary Color

#b1b45f
```
#b1b45f rgb(177,180,95)
```
#86b45f
```
#86b45f rgb(134,180,95)
```
#5fb463
```
#5fb463 rgb(95,180,99)
```

Analogous Color

#b45fb1
```
#b45fb1 rgb(180,95,177)
```
#86b45f
```
#86b45f rgb(134,180,95)
```
#635fb4
```
#635fb4 rgb(99,95,180)
```

Split Complementary Color

#b45f86
```
#b45f86 rgb(180,95,134)
```
#86b45f
```
#86b45f rgb(134,180,95)
```
#5f86b4
```
#5f86b4 rgb(95,134,180)
```

Triadic Color

#b48d5f
```
#b48d5f rgb(180,141,95)
```
#86b45f
```
#86b45f rgb(134,180,95)
```
#5f86b4
```
#5f86b4 rgb(95,134,180)
```
#8d5fb4
```
#8d5fb4 rgb(141,95,180)
```

Tetradic Color

#60873f
```
#60873f rgb(96,135,63)
```
#6d9947
```
#6d9947 rgb(109,153,71)
```
#79aa50
```
#79aa50 rgb(121,170,80)
```
#86b45f
```
#86b45f rgb(134,180,95)
```
#93bc70
```
#93bc70 rgb(147,188,112)
```
#a0c482
```
#a0c482 rgb(160,196,130)
```
#adcc93
```
#adcc93 rgb(173,204,147)
```

Monochromatic Color

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

#9bb45f
```
#9bb45f rgb(155,180,95)
```
#94b45f
```
#94b45f rgb(148,180,95)
```
#8db45f
```
#8db45f rgb(141,180,95)
```
#86b45f
```
#86b45f rgb(134,180,95)
```
#7fb45f
```
#7fb45f rgb(127,180,95)
```
#78b45f
```
#78b45f rgb(120,180,95)
```
#71b45f
```
#71b45f rgb(113,180,95)
```

Similar Colors

Text with hexadecimal color #86b45f

This text has a font color of #86b45f.

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

#86b45f background color

This paragraph has a background color of #86b45f.

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

#86b45f border color

This element has a border color of #86b45f.

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

CSS codes

.text {color:#86b45f;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0a0e06
```
#0a0e06 rgb(10,14,6)
```
#131b0d
```
#131b0d rgb(19,27,13)
```
#1d2813
```
#1d2813 rgb(29,40,19)
```
#263619
```
#263619 rgb(38,54,25)
```
#30431f
```
#30431f rgb(48,67,31)
```
#395026
```
#395026 rgb(57,80,38)
```
#435e2c
```
#435e2c rgb(67,94,44)
```
#4c6b32
```
#4c6b32 rgb(76,107,50)
```
#567838
```
#567838 rgb(86,120,56)
```
#5f863f
```
#5f863f rgb(95,134,63)
```
#699345
```
#699345 rgb(105,147,69)
```
#72a14b
```
#72a14b rgb(114,161,75)
```

Shade Color Variation

#7cae52
```
#7cae52 rgb(124,174,82)
```
#86b45f
```
#86b45f rgb(134,180,95)
```
#90ba6c
```
#90ba6c rgb(144,186,108)
```
#9ac17a
```
#9ac17a rgb(154,193,122)
```
#a4c787
```
#a4c787 rgb(164,199,135)
```
#aecd94
```
#aecd94 rgb(174,205,148)
```
#b8d3a2
```
#b8d3a2 rgb(184,211,162)
```
#c3daaf
```
#c3daaf rgb(195,218,175)
```
#cde0bc
```
#cde0bc rgb(205,224,188)
```
#d7e6ca
```
#d7e6ca rgb(215,230,202)
```
#e1ecd7
```
#e1ecd7 rgb(225,236,215)
```
#ebf3e5
```
#ebf3e5 rgb(235,243,229)
```
#f5f9f2
```
#f5f9f2 rgb(245,249,242)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #899083 is the less saturated color, while #80fc17 is the most saturated one.

#899083
```
#899083 rgb(137,144,131)
```
#88997a
```
#88997a rgb(136,153,122)
```
#87a271
```
#87a271 rgb(135,162,113)
```
#87ab68
```
#87ab68 rgb(135,171,104)
```
#86b45f
```
#86b45f rgb(134,180,95)
```
#85bd56
```
#85bd56 rgb(133,189,86)
```
#85c64d
```
#85c64d rgb(133,198,77)
```
#84cf44
```
#84cf44 rgb(132,207,68)
```
#83d83b
```
#83d83b rgb(131,216,59)
```
#82e132
```
#82e132 rgb(130,225,50)
```
#82ea29
```
#82ea29 rgb(130,234,41)
```
#81f320
```
#81f320 rgb(129,243,32)
```
#80fc17
```
#80fc17 rgb(128,252,23)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#98a291 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbab63 Protanopia 1% of men
#cda46d Deuteranopia 1% of men
#9aaeba Tritanopia 0.001% of the population

Trichromacy

#a8ae61 Protanomaly 1% of men, 0.01% of women
#b3a968 Deuteranomaly 6% of men, 0.4% of women
#93b099 Tritanomaly 0.01% of the population

#86b45f hex color

#86b45f Color Information

#86b45f Color Conversion

Color Schemes with #86b45f

Alternatives to #86b45f

#86b45f Preview

Shades and Tints of #86b45f

Tones of #86b45f

Color Blindness Simulator