#5fb342 hex color

In a RGB color space, hex #5fb342 is composed of 37.3% red, 70.2% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 0% magenta, 63.1% yellow and 29.8% black. It has a hue angle of 104.6 degrees, a saturation of 46.1% and a lightness of 48%. #5fb342 color hex could be obtained by blending #beff84 with #006700. Closest websafe color is: #66cc33.

♥
- f
- t
- g
- R 37
- G 70
- B 26
RGB color chart
- C 47
- M 0
- Y 63
- K 30
CMYK color chart

● #5fb342 color description : Moderate green.

The hexadecimal color #5fb342 has RGB values of R:95, G:179, B:66 and CMYK values of C:0.47, M:0, Y:0.63, K:0.3. Its decimal value is 6271810.

Hex triplet	5fb342	`#5fb342`
RGB Decimal	95, 179, 66	`rgb(95,179,66)`
RGB Percent	37.3, 70.2, 25.9	`rgb(37.3%,70.2%,25.9%)`
CMYK	47, 0, 63, 30
HSL	104.6°, 46.1, 48	`hsl(104.6,46.1%,48%)`
HSV (or HSB)	104.6°, 63.1, 70.2
Web Safe	66cc33	`#66cc33`

CIE-LAB	65.799, -46.419, 48.532
XYZ	21.822, 35.065, 10.772
xyY	0.323, 0.518, 35.065
CIE-LCH	65.799, 67.157, 133.725
CIE-LUV	65.799, -40.523, 64.727
Hunter-Lab	59.216, -37.848, 30.665
Binary	01011111, 10110011, 01000010

#5fb342
```
#5fb342 rgb(95,179,66)
```
#9642b3
```
#9642b3 rgb(150,66,179)
```

Complementary Color

#98b342
```
#98b342 rgb(152,179,66)
```
#5fb342
```
#5fb342 rgb(95,179,66)
```
#42b35d
```
#42b35d rgb(66,179,93)
```

Analogous Color

#b34298
```
#b34298 rgb(179,66,152)
```
#5fb342
```
#5fb342 rgb(95,179,66)
```
#5d42b3
```
#5d42b3 rgb(93,66,179)
```

Split Complementary Color

#b3425f
```
#b3425f rgb(179,66,95)
```
#5fb342
```
#5fb342 rgb(95,179,66)
```
#425fb3
```
#425fb3 rgb(66,95,179)
```

Triadic Color

#b39642
```
#b39642 rgb(179,150,66)
```
#5fb342
```
#5fb342 rgb(95,179,66)
```
#425fb3
```
#425fb3 rgb(66,95,179)
```
#9642b3
```
#9642b3 rgb(150,66,179)
```

Tetradic Color

#417b2d
```
#417b2d rgb(65,123,45)
```
#4b8e34
```
#4b8e34 rgb(75,142,52)
```
#55a03b
```
#55a03b rgb(85,160,59)
```
#5fb342
```
#5fb342 rgb(95,179,66)
```
#6cbe50
```
#6cbe50 rgb(108,190,80)
```
#7cc563
```
#7cc563 rgb(124,197,99)
```
#8ccc75
```
#8ccc75 rgb(140,204,117)
```

Monochromatic Color

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

#7bb342
```
#7bb342 rgb(123,179,66)
```
#72b342
```
#72b342 rgb(114,179,66)
```
#68b342
```
#68b342 rgb(104,179,66)
```
#5fb342
```
#5fb342 rgb(95,179,66)
```
#56b342
```
#56b342 rgb(86,179,66)
```
#4cb342
```
#4cb342 rgb(76,179,66)
```
#43b342
```
#43b342 rgb(67,179,66)
```

Similar Colors

Text with hexadecimal color #5fb342

This text has a font color of #5fb342.

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

#5fb342 background color

This paragraph has a background color of #5fb342.

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

#5fb342 border color

This element has a border color of #5fb342.

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

CSS codes

.text {color:#5fb342;}

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

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

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

#040703
```
#040703 rgb(4,7,3)
```
#0b1508
```
#0b1508 rgb(11,21,8)
```
#13240d
```
#13240d rgb(19,36,13)
```
#1b3212
```
#1b3212 rgb(27,50,18)
```
#224018
```
#224018 rgb(34,64,24)
```
#2a4f1d
```
#2a4f1d rgb(42,79,29)
```
#315d22
```
#315d22 rgb(49,93,34)
```
#396b28
```
#396b28 rgb(57,107,40)
```
#417a2d
```
#417a2d rgb(65,122,45)
```
#488832
```
#488832 rgb(72,136,50)
```
#509637
```
#509637 rgb(80,150,55)
```
#57a53d
```
#57a53d rgb(87,165,61)
```
#5fb342
```
#5fb342 rgb(95,179,66)
```

Shade Color Variation

#69bd4c
```
#69bd4c rgb(105,189,76)
```
#75c25a
```
#75c25a rgb(117,194,90)
```
#81c768
```
#81c768 rgb(129,199,104)
```
#8dcd77
```
#8dcd77 rgb(141,205,119)
```
#99d285
```
#99d285 rgb(153,210,133)
```
#a5d793
```
#a5d793 rgb(165,215,147)
```
#b1dda2
```
#b1dda2 rgb(177,221,162)
```
#bde2b0
```
#bde2b0 rgb(189,226,176)
```
#c9e7be
```
#c9e7be rgb(201,231,190)
```
#d5eccd
```
#d5eccd rgb(213,236,205)
```
#e1f2db
```
#e1f2db rgb(225,242,219)
```
#edf7e9
```
#edf7e9 rgb(237,247,233)
```
#f9fcf8
```
#f9fcf8 rgb(249,252,248)
```

Tint Color Variation

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

#768471
```
#768471 rgb(118,132,113)
```
#718d68
```
#718d68 rgb(113,141,104)
```
#6d975e
```
#6d975e rgb(109,151,94)
```
#68a055
```
#68a055 rgb(104,160,85)
```
#64aa4b
```
#64aa4b rgb(100,170,75)
```
#5fb342
```
#5fb342 rgb(95,179,66)
```
#5abc39
```
#5abc39 rgb(90,188,57)
```
#56c62f
```
#56c62f rgb(86,198,47)
```
#51cf26
```
#51cf26 rgb(81,207,38)
```
#4dd91c
```
#4dd91c rgb(77,217,28)
```
#48e213
```
#48e213 rgb(72,226,19)
```
#43ec09
```
#43ec09 rgb(67,236,9)
```
#3ff500
```
#3ff500 rgb(63,245,0)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#84957e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a546 Protanopia 1% of men
#c99d55 Deuteranopia 1% of men
#7eacb8 Tritanopia 0.001% of the population

Trichromacy

#96aa44 Protanomaly 1% of men, 0.01% of women
#a2a54e Deuteranomaly 6% of men, 0.4% of women
#73ae8d Tritanomaly 0.01% of the population

#5fb342 hex color

#5fb342 Color Information

#5fb342 Color Conversion

Color Schemes with #5fb342

Alternatives to #5fb342

#5fb342 Preview

Shades and Tints of #5fb342

Tones of #5fb342

Color Blindness Simulator