colorhexa.com

#5f8c20 hex color

In a RGB color space, hex #5f8c20 is composed of 37.3% red, 54.9% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 32.1% cyan, 0% magenta, 77.1% yellow and 45.1% black. It has a hue angle of 85 degrees, a saturation of 62.8% and a lightness of 33.7%. #5f8c20 color hex could be obtained by blending #beff40 with #001900. Closest websafe color is: #669933.

- R 37
- G 55
- B 13
RGB color chart
- C 32
- M 0
- Y 77
- K 45
CMYK color chart

● #5f8c20 color description : Dark green.

The hexadecimal color #5f8c20 has RGB values of R:95, G:140, B:32 and CMYK values of C:0.32, M:0, Y:0.77, K:0.45. Its decimal value is 6261792.

Hex triplet	5f8c20	`#5f8c20`
RGB Decimal	95, 140, 32	`rgb(95,140,32)`
RGB Percent	37.3, 54.9, 12.5	`rgb(37.3%,54.9%,12.5%)`
CMYK	32, 0, 77, 45
HSL	85°, 62.8, 33.7	`hsl(85,62.8%,33.7%)`
HSV (or HSB)	85°, 77.1, 54.9
Web Safe	669933	`#669933`

CIE-LAB	53.269, -32.282, 49.172
XYZ	14.358, 21.293, 4.72
xyY	0.356, 0.527, 21.293
CIE-LCH	53.269, 58.822, 123.286
CIE-LUV	53.269, -22.69, 57.119
Hunter-Lab	46.144, -25.212, 26.236
Binary	01011111, 10001100, 00100000

#5f8c20
```
#5f8c20 rgb(95,140,32)
```
#4d208c
```
#4d208c rgb(77,32,140)
```

Complementary Color

#8c8320
```
#8c8320 rgb(140,131,32)
```
#5f8c20
```
#5f8c20 rgb(95,140,32)
```
#298c20
```
#298c20 rgb(41,140,32)
```

Analogous Color

#83208c
```
#83208c rgb(131,32,140)
```
#5f8c20
```
#5f8c20 rgb(95,140,32)
```
#20298c
```
#20298c rgb(32,41,140)
```

Split Complementary Color

#8c205f
```
#8c205f rgb(140,32,95)
```
#5f8c20
```
#5f8c20 rgb(95,140,32)
```
#205f8c
```
#205f8c rgb(32,95,140)
```

Triadic Color

#354e12
```
#354e12 rgb(53,78,18)
```
#436217
```
#436217 rgb(67,98,23)
```
#51771b
```
#51771b rgb(81,119,27)
```
#5f8c20
```
#5f8c20 rgb(95,140,32)
```
#6da125
```
#6da125 rgb(109,161,37)
```
#7bb629
```
#7bb629 rgb(123,182,41)
```
#89ca2e
```
#89ca2e rgb(137,202,46)
```

Monochromatic Color

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

#7a8c20
```
#7a8c20 rgb(122,140,32)
```
#718c20
```
#718c20 rgb(113,140,32)
```
#688c20
```
#688c20 rgb(104,140,32)
```
#5f8c20
```
#5f8c20 rgb(95,140,32)
```
#568c20
```
#568c20 rgb(86,140,32)
```
#4d8c20
```
#4d8c20 rgb(77,140,32)
```
#448c20
```
#448c20 rgb(68,140,32)
```

Similar Colors

Text with hexadecimal color #5f8c20

This text has a font color of #5f8c20.

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

#5f8c20 background color

This paragraph has a background color of #5f8c20.

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

#5f8c20 border color

This element has a border color of #5f8c20.

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

CSS codes

.text {color:#5f8c20;}

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

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

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, #080c03 is the darkest color, while #fdfefb is the lightest one.

#080c03
```
#080c03 rgb(8,12,3)
```
#131c06
```
#131c06 rgb(19,28,6)
```
#1e2c0a
```
#1e2c0a rgb(30,44,10)
```
#293c0e
```
#293c0e rgb(41,60,14)
```
#344c11
```
#344c11 rgb(52,76,17)
```
#3e5c15
```
#3e5c15 rgb(62,92,21)
```
#496c19
```
#496c19 rgb(73,108,25)
```
#547c1c
```
#547c1c rgb(84,124,28)
```
#5f8c20
```
#5f8c20 rgb(95,140,32)
```
#6a9c24
```
#6a9c24 rgb(106,156,36)
```
#75ac27
```
#75ac27 rgb(117,172,39)
```
#80bc2b
```
#80bc2b rgb(128,188,43)
```
#8acc2f
```
#8acc2f rgb(138,204,47)
```

Shade Color Variation

#94d23c
```
#94d23c rgb(148,210,60)
```
#9cd64c
```
#9cd64c rgb(156,214,76)
```
#a5da5c
```
#a5da5c rgb(165,218,92)
```
#aedd6c
```
#aedd6c rgb(174,221,108)
```
#b7e17c
```
#b7e17c rgb(183,225,124)
```
#bfe58c
```
#bfe58c rgb(191,229,140)
```
#c8e89c
```
#c8e89c rgb(200,232,156)
```
#d1ecab
```
#d1ecab rgb(209,236,171)
```
#daf0bb
```
#daf0bb rgb(218,240,187)
```
#e3f3cb
```
#e3f3cb rgb(227,243,203)
```
#ebf7db
```
#ebf7db rgb(235,247,219)
```
#f4fbeb
```
#f4fbeb rgb(244,251,235)
```
#fdfefb
```
#fdfefb rgb(253,254,251)
```

Tint Color Variation

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

#565755
```
#565755 rgb(86,87,85)
```
#575e4e
```
#575e4e rgb(87,94,78)
```
#586448
```
#586448 rgb(88,100,72)
```
#596b41
```
#596b41 rgb(89,107,65)
```
#5b723a
```
#5b723a rgb(91,114,58)
```
#5c7834
```
#5c7834 rgb(92,120,52)
```
#5d7f2d
```
#5d7f2d rgb(93,127,45)
```
#5e8527
```
#5e8527 rgb(94,133,39)
```
#5f8c20
```
#5f8c20 rgb(95,140,32)
```
#609319
```
#609319 rgb(96,147,25)
```
#619913
```
#619913 rgb(97,153,19)
```
#62a00c
```
#62a00c rgb(98,160,12)
```
#63a606
```
#63a606 rgb(99,166,6)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6e7762 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958628 Protanopia 1% of men
#a57f34 Deuteranopia 1% of men
#768892 Tritanopia 0.001% of the population

Trichromacy

#818825 Protanomaly 1% of men, 0.01% of women
#8b842d Deuteranomaly 6% of men, 0.4% of women
#6d8968 Tritanomaly 0.01% of the population