#5f7356 hex color

In a RGB color space, hex #5f7356 is composed of 37.3% red, 45.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 17.4% cyan, 0% magenta, 25.2% yellow and 54.9% black. It has a hue angle of 101.4 degrees, a saturation of 14.4% and a lightness of 39.4%. #5f7356 color hex could be obtained by blending #bee6ac with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 37
- G 45
- B 34
RGB color chart
- C 17
- M 0
- Y 25
- K 55
CMYK color chart

● #5f7356 color description : Mostly desaturated dark green.

The hexadecimal color #5f7356 has RGB values of R:95, G:115, B:86 and CMYK values of C:0.17, M:0, Y:0.25, K:0.55. Its decimal value is 6255446.

Hex triplet	5f7356	`#5f7356`
RGB Decimal	95, 115, 86	`rgb(95,115,86)`
RGB Percent	37.3, 45.1, 33.7	`rgb(37.3%,45.1%,33.7%)`
CMYK	17, 0, 25, 55
HSL	101.4°, 14.4, 39.4	`hsl(101.4,14.4%,39.4%)`
HSV (or HSB)	101.4°, 25.2, 45.1
Web Safe	666666	`#666666`

CIE-LAB	46.132, -13.34, 13.667
XYZ	12.529, 15.366, 11.109
xyY	0.321, 0.394, 15.366
CIE-LCH	46.132, 19.099, 134.306
CIE-LUV	46.132, -9.886, 19.25
Hunter-Lab	39.2, -11.545, 10.636
Binary	01011111, 01110011, 01010110

#5f7356
```
#5f7356 rgb(95,115,86)
```
#6a5673
```
#6a5673 rgb(106,86,115)
```

Complementary Color

#6e7356
```
#6e7356 rgb(110,115,86)
```
#5f7356
```
#5f7356 rgb(95,115,86)
```
#56735c
```
#56735c rgb(86,115,92)
```

Analogous Color

#73566e
```
#73566e rgb(115,86,110)
```
#5f7356
```
#5f7356 rgb(95,115,86)
```
#5c5673
```
#5c5673 rgb(92,86,115)
```

Split Complementary Color

#73565f
```
#73565f rgb(115,86,95)
```
#5f7356
```
#5f7356 rgb(95,115,86)
```
#565f73
```
#565f73 rgb(86,95,115)
```

Triadic Color

#736a56
```
#736a56 rgb(115,106,86)
```
#5f7356
```
#5f7356 rgb(95,115,86)
```
#565f73
```
#565f73 rgb(86,95,115)
```
#6a5673
```
#6a5673 rgb(106,86,115)
```

Tetradic Color

#3b4735
```
#3b4735 rgb(59,71,53)
```
#475640
```
#475640 rgb(71,86,64)
```
#53644b
```
#53644b rgb(83,100,75)
```
#5f7356
```
#5f7356 rgb(95,115,86)
```
#6b8261
```
#6b8261 rgb(107,130,97)
```
#77906c
```
#77906c rgb(119,144,108)
```
#849c7a
```
#849c7a rgb(132,156,122)
```

Monochromatic Color

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

#667356
```
#667356 rgb(102,115,86)
```
#647356
```
#647356 rgb(100,115,86)
```
#617356
```
#617356 rgb(97,115,86)
```
#5f7356
```
#5f7356 rgb(95,115,86)
```
#5d7356
```
#5d7356 rgb(93,115,86)
```
#5a7356
```
#5a7356 rgb(90,115,86)
```
#587356
```
#587356 rgb(88,115,86)
```

Similar Colors

Text with hexadecimal color #5f7356

This text has a font color of #5f7356.

<span style="color:#5f7356;">Text here</span>

#5f7356 background color

This paragraph has a background color of #5f7356.

<p style="background-color:#5f7356;">Content here</p>

#5f7356 border color

This element has a border color of #5f7356.

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

CSS codes

.text {color:#5f7356;}

.background {background-color:#5f7356;}

.border {border:1px solid #5f7356;}

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

#020302
```
#020302 rgb(2,3,2)
```
#0c0e0a
```
#0c0e0a rgb(12,14,10)
```
#151913
```
#151913 rgb(21,25,19)
```
#1e241b
```
#1e241b rgb(30,36,27)
```
#273024
```
#273024 rgb(39,48,36)
```
#313b2c
```
#313b2c rgb(49,59,44)
```
#3a4634
```
#3a4634 rgb(58,70,52)
```
#43513d
```
#43513d rgb(67,81,61)
```
#4c5d45
```
#4c5d45 rgb(76,93,69)
```
#56684e
```
#56684e rgb(86,104,78)
```
#5f7356
```
#5f7356 rgb(95,115,86)
```
#687e5e
```
#687e5e rgb(104,126,94)
```
#728967
```
#728967 rgb(114,137,103)
```

Shade Color Variation

#7b9470
```
#7b9470 rgb(123,148,112)
```
#859c7b
```
#859c7b rgb(133,156,123)
```
#90a586
```
#90a586 rgb(144,165,134)
```
#9aad92
```
#9aad92 rgb(154,173,146)
```
#a4b69d
```
#a4b69d rgb(164,182,157)
```
#afbea8
```
#afbea8 rgb(175,190,168)
```
#b9c6b3
```
#b9c6b3 rgb(185,198,179)
```
#c3cfbe
```
#c3cfbe rgb(195,207,190)
```
#ced7ca
```
#ced7ca rgb(206,215,202)
```
#d8e0d5
```
#d8e0d5 rgb(216,224,213)
```
#e3e8e0
```
#e3e8e0 rgb(227,232,224)
```
#edf0eb
```
#edf0eb rgb(237,240,235)
```
#f7f9f7
```
#f7f9f7 rgb(247,249,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626b5e is the less saturated color, while #3fc801 is the most saturated one.

#626b5e
```
#626b5e rgb(98,107,94)
```
#5f7356
```
#5f7356 rgb(95,115,86)
```
#5c7b4e
```
#5c7b4e rgb(92,123,78)
```
#598247
```
#598247 rgb(89,130,71)
```
#568a3f
```
#568a3f rgb(86,138,63)
```
#539237
```
#539237 rgb(83,146,55)
```
#509a2f
```
#509a2f rgb(80,154,47)
```
#4da128
```
#4da128 rgb(77,161,40)
```
#4aa920
```
#4aa920 rgb(74,169,32)
```
#48b118
```
#48b118 rgb(72,177,24)
```
#45b910
```
#45b910 rgb(69,185,16)
```
#42c009
```
#42c009 rgb(66,192,9)
```
#3fc801
```
#3fc801 rgb(63,200,1)
```

Tone Color Variation

Below, you can see how #5f7356 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

#6a6a6a Achromatopsia 0.005% of the population
#686c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c745c Protanopia 1% of men
#867061 Deuteranopia 1% of men
#6d757e Tritanopia 0.001% of the population

Trichromacy

#71745a Protanomaly 1% of men, 0.01% of women
#78715d Deuteranomaly 6% of men, 0.4% of women
#68746f Tritanomaly 0.01% of the population

#5f7356 hex color

#5f7356 Color Information

#5f7356 Color Conversion

Color Schemes with #5f7356

Alternatives to #5f7356

#5f7356 Preview

Shades and Tints of #5f7356

Tones of #5f7356

Color Blindness Simulator