#5f7f36 hex color

In a RGB color space, hex #5f7f36 is composed of 37.3% red, 49.8% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 25.2% cyan, 0% magenta, 57.5% yellow and 50.2% black. It has a hue angle of 86.3 degrees, a saturation of 40.3% and a lightness of 35.5%. #5f7f36 color hex could be obtained by blending #befe6c with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 37
- G 50
- B 21
RGB color chart
- C 25
- M 0
- Y 57
- K 50
CMYK color chart

● #5f7f36 color description : Dark moderate green.

The hexadecimal color #5f7f36 has RGB values of R:95, G:127, B:54 and CMYK values of C:0.25, M:0, Y:0.57, K:0.5. Its decimal value is 6258486.

Hex triplet	5f7f36	`#5f7f36`
RGB Decimal	95, 127, 54	`rgb(95,127,54)`
RGB Percent	37.3, 49.8, 21.2	`rgb(37.3%,49.8%,21.2%)`
CMYK	25, 0, 57, 50
HSL	86.3°, 40.3, 35.5	`hsl(86.3,40.3%,35.5%)`
HSV (or HSB)	86.3°, 57.5, 49.8
Web Safe	666633	`#666633`

CIE-LAB	49.347, -24.225, 35.489
XYZ	12.974, 17.878, 6.257
xyY	0.35, 0.482, 17.878
CIE-LCH	49.347, 42.969, 124.318
CIE-LUV	49.347, -15.909, 43.722
Hunter-Lab	42.282, -19.221, 20.824
Binary	01011111, 01111111, 00110110

#5f7f36
```
#5f7f36 rgb(95,127,54)
```
#56367f
```
#56367f rgb(86,54,127)
```

Complementary Color

#7f7b36
```
#7f7b36 rgb(127,123,54)
```
#5f7f36
```
#5f7f36 rgb(95,127,54)
```
#3b7f36
```
#3b7f36 rgb(59,127,54)
```

Analogous Color

#7b367f
```
#7b367f rgb(123,54,127)
```
#5f7f36
```
#5f7f36 rgb(95,127,54)
```
#363b7f
```
#363b7f rgb(54,59,127)
```

Split Complementary Color

#7f365f
```
#7f365f rgb(127,54,95)
```
#5f7f36
```
#5f7f36 rgb(95,127,54)
```
#365f7f
```
#365f7f rgb(54,95,127)
```

Triadic Color

#7f5636
```
#7f5636 rgb(127,86,54)
```
#5f7f36
```
#5f7f36 rgb(95,127,54)
```
#365f7f
```
#365f7f rgb(54,95,127)
```
#56367f
```
#56367f rgb(86,54,127)
```

Tetradic Color

#37491f
```
#37491f rgb(55,73,31)
```
#445b27
```
#445b27 rgb(68,91,39)
```
#526d2e
```
#526d2e rgb(82,109,46)
```
#5f7f36
```
#5f7f36 rgb(95,127,54)
```
#6c913e
```
#6c913e rgb(108,145,62)
```
#7aa345
```
#7aa345 rgb(122,163,69)
```
#87b44e
```
#87b44e rgb(135,180,78)
```

Monochromatic Color

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

#717f36
```
#717f36 rgb(113,127,54)
```
#6b7f36
```
#6b7f36 rgb(107,127,54)
```
#657f36
```
#657f36 rgb(101,127,54)
```
#5f7f36
```
#5f7f36 rgb(95,127,54)
```
#597f36
```
#597f36 rgb(89,127,54)
```
#537f36
```
#537f36 rgb(83,127,54)
```
#4d7f36
```
#4d7f36 rgb(77,127,54)
```

Similar Colors

Text with hexadecimal color #5f7f36

This text has a font color of #5f7f36.

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

#5f7f36 background color

This paragraph has a background color of #5f7f36.

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

#5f7f36 border color

This element has a border color of #5f7f36.

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

CSS codes

.text {color:#5f7f36;}

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

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0d1107
```
#0d1107 rgb(13,17,7)
```
#171f0d
```
#171f0d rgb(23,31,13)
```
#212c13
```
#212c13 rgb(33,44,19)
```
#2c3a19
```
#2c3a19 rgb(44,58,25)
```
#36481f
```
#36481f rgb(54,72,31)
```
#405624
```
#405624 rgb(64,86,36)
```
#4a632a
```
#4a632a rgb(74,99,42)
```
#557130
```
#557130 rgb(85,113,48)
```
#5f7f36
```
#5f7f36 rgb(95,127,54)
```
#698d3c
```
#698d3c rgb(105,141,60)
```
#749b42
```
#749b42 rgb(116,155,66)
```
#7ea848
```
#7ea848 rgb(126,168,72)
```

Shade Color Variation

#88b44f
```
#88b44f rgb(136,180,79)
```
#91ba5d
```
#91ba5d rgb(145,186,93)
```
#9bc06b
```
#9bc06b rgb(155,192,107)
```
#a4c678
```
#a4c678 rgb(164,198,120)
```
#adcc86
```
#adcc86 rgb(173,204,134)
```
#b7d294
```
#b7d294 rgb(183,210,148)
```
#c0d7a2
```
#c0d7a2 rgb(192,215,162)
```
#c9ddb0
```
#c9ddb0 rgb(201,221,176)
```
#d3e3bd
```
#d3e3bd rgb(211,227,189)
```
#dce9cb
```
#dce9cb rgb(220,233,203)
```
#e5efd9
```
#e5efd9 rgb(229,239,217)
```
#eef5e7
```
#eef5e7 rgb(238,245,231)
```
#f8faf4
```
#f8faf4 rgb(248,250,244)
```

Tint Color Variation

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

#5b5c59
```
#5b5c59 rgb(91,92,89)
```
#5c6352
```
#5c6352 rgb(92,99,82)
```
#5c6a4b
```
#5c6a4b rgb(92,106,75)
```
#5d7144
```
#5d7144 rgb(93,113,68)
```
#5e783d
```
#5e783d rgb(94,120,61)
```
#5f7f36
```
#5f7f36 rgb(95,127,54)
```
#60862f
```
#60862f rgb(96,134,47)
```
#618d28
```
#618d28 rgb(97,141,40)
```
#629421
```
#629421 rgb(98,148,33)
```
#629b1a
```
#629b1a rgb(98,155,26)
```
#63a213
```
#63a213 rgb(99,162,19)
```
#64a90c
```
#64a90c rgb(100,169,12)
```
#65b005
```
#65b005 rgb(101,176,5)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#6a7162 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897c3d Protanopia 1% of men
#977745 Deuteranopia 1% of men
#727e87 Tritanopia 0.001% of the population

Trichromacy

#797d3a Protanomaly 1% of men, 0.01% of women
#827940 Deuteranomaly 6% of men, 0.4% of women
#6b7e69 Tritanomaly 0.01% of the population

#5f7f36 hex color

#5f7f36 Color Information

#5f7f36 Color Conversion

Color Schemes with #5f7f36

Alternatives to #5f7f36

#5f7f36 Preview

Shades and Tints of #5f7f36

Tones of #5f7f36

Color Blindness Simulator