#5fbc30 hex color

In a RGB color space, hex #5fbc30 is composed of 37.3% red, 73.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 0% magenta, 74.5% yellow and 26.3% black. It has a hue angle of 99.9 degrees, a saturation of 59.3% and a lightness of 46.3%. #5fbc30 color hex could be obtained by blending #beff60 with #007900. Closest websafe color is: #66cc33.

♥
- f
- t
- g
- R 37
- G 74
- B 19
RGB color chart
- C 49
- M 0
- Y 74
- K 26
CMYK color chart

● #5fbc30 color description : Moderate green.

The hexadecimal color #5fbc30 has RGB values of R:95, G:188, B:48 and CMYK values of C:0.49, M:0, Y:0.74, K:0.26. Its decimal value is 6274096.

Hex triplet	5fbc30	`#5fbc30`
RGB Decimal	95, 188, 48	`rgb(95,188,48)`
RGB Percent	37.3, 73.7, 18.8	`rgb(37.3%,73.7%,18.8%)`
CMYK	49, 0, 74, 26
HSL	99.9°, 59.3, 46.3	`hsl(99.9,59.3%,46.3%)`
HSV (or HSB)	99.9°, 74.5, 73.7
Web Safe	66cc33	`#66cc33`

CIE-LAB	68.469, -51.453, 58.435
XYZ	23.235, 38.611, 9.024
xyY	0.328, 0.545, 38.611
CIE-LCH	68.469, 77.86, 131.364
CIE-LUV	68.469, -44.676, 74.51
Hunter-Lab	62.138, -41.995, 34.886
Binary	01011111, 10111100, 00110000

#5fbc30
```
#5fbc30 rgb(95,188,48)
```
#8d30bc
```
#8d30bc rgb(141,48,188)
```

Complementary Color

#a5bc30
```
#a5bc30 rgb(165,188,48)
```
#5fbc30
```
#5fbc30 rgb(95,188,48)
```
#30bc47
```
#30bc47 rgb(48,188,71)
```

Analogous Color

#bc30a5
```
#bc30a5 rgb(188,48,165)
```
#5fbc30
```
#5fbc30 rgb(95,188,48)
```
#4730bc
```
#4730bc rgb(71,48,188)
```

Split Complementary Color

#bc305f
```
#bc305f rgb(188,48,95)
```
#5fbc30
```
#5fbc30 rgb(95,188,48)
```
#305fbc
```
#305fbc rgb(48,95,188)
```

Triadic Color

#bc8d30
```
#bc8d30 rgb(188,141,48)
```
#5fbc30
```
#5fbc30 rgb(95,188,48)
```
#305fbc
```
#305fbc rgb(48,95,188)
```
#8d30bc
```
#8d30bc rgb(141,48,188)
```

Tetradic Color

#407f20
```
#407f20 rgb(64,127,32)
```
#4a9326
```
#4a9326 rgb(74,147,38)
```
#55a82b
```
#55a82b rgb(85,168,43)
```
#5fbc30
```
#5fbc30 rgb(95,188,48)
```
#6bcc39
```
#6bcc39 rgb(107,204,57)
```
#7ad24d
```
#7ad24d rgb(122,210,77)
```
#89d762
```
#89d762 rgb(137,215,98)
```

Monochromatic Color

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

#82bc30
```
#82bc30 rgb(130,188,48)
```
#76bc30
```
#76bc30 rgb(118,188,48)
```
#6bbc30
```
#6bbc30 rgb(107,188,48)
```
#5fbc30
```
#5fbc30 rgb(95,188,48)
```
#53bc30
```
#53bc30 rgb(83,188,48)
```
#48bc30
```
#48bc30 rgb(72,188,48)
```
#3cbc30
```
#3cbc30 rgb(60,188,48)
```

Similar Colors

Text with hexadecimal color #5fbc30

This text has a font color of #5fbc30.

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

#5fbc30 background color

This paragraph has a background color of #5fbc30.

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

#5fbc30 border color

This element has a border color of #5fbc30.

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

CSS codes

.text {color:#5fbc30;}

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

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

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 #f4fbf0 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#081004
```
#081004 rgb(8,16,4)
```
#102008
```
#102008 rgb(16,32,8)
```
#182f0c
```
#182f0c rgb(24,47,12)
```
#203f10
```
#203f10 rgb(32,63,16)
```
#284f14
```
#284f14 rgb(40,79,20)
```
#305e18
```
#305e18 rgb(48,94,24)
```
#386e1c
```
#386e1c rgb(56,110,28)
```
#3f7d20
```
#3f7d20 rgb(63,125,32)
```
#478d24
```
#478d24 rgb(71,141,36)
```
#4f9d28
```
#4f9d28 rgb(79,157,40)
```
#57ac2c
```
#57ac2c rgb(87,172,44)
```
#5fbc30
```
#5fbc30 rgb(95,188,48)
```

Shade Color Variation

#67cb34
```
#67cb34 rgb(103,203,52)
```
#73cf44
```
#73cf44 rgb(115,207,68)
```
#7ed354
```
#7ed354 rgb(126,211,84)
```
#8ad763
```
#8ad763 rgb(138,215,99)
```
#96db73
```
#96db73 rgb(150,219,115)
```
#a2df82
```
#a2df82 rgb(162,223,130)
```
#ade392
```
#ade392 rgb(173,227,146)
```
#b9e7a2
```
#b9e7a2 rgb(185,231,162)
```
#c5ebb1
```
#c5ebb1 rgb(197,235,177)
```
#d0efc1
```
#d0efc1 rgb(208,239,193)
```
#dcf3d1
```
#dcf3d1 rgb(220,243,209)
```
#e8f7e0
```
#e8f7e0 rgb(232,247,224)
```
#f4fbf0
```
#f4fbf0 rgb(244,251,240)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747c70 is the less saturated color, while #50e903 is the most saturated one.

#747c70
```
#747c70 rgb(116,124,112)
```
#718666
```
#718666 rgb(113,134,102)
```
#6e8f5d
```
#6e8f5d rgb(110,143,93)
```
#6b9854
```
#6b9854 rgb(107,152,84)
```
#68a14b
```
#68a14b rgb(104,161,75)
```
#65aa42
```
#65aa42 rgb(101,170,66)
```
#62b339
```
#62b339 rgb(98,179,57)
```
#5fbc30
```
#5fbc30 rgb(95,188,48)
```
#5cc527
```
#5cc527 rgb(92,197,39)
```
#59ce1e
```
#59ce1e rgb(89,206,30)
```
#56d715
```
#56d715 rgb(86,215,21)
```
#53e00c
```
#53e00c rgb(83,224,12)
```
#50e903
```
#50e903 rgb(80,233,3)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#86997d Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfab35 Protanopia 1% of men
#d3a348 Deuteranopia 1% of men
#82b3c0 Tritanopia 0.001% of the population

Trichromacy

#9cb133 Protanomaly 1% of men, 0.01% of women
#a9ac3f Deuteranomaly 6% of men, 0.4% of women
#75b68b Tritanomaly 0.01% of the population

#5fbc30 hex color

#5fbc30 Color Information

#5fbc30 Color Conversion

Color Schemes with #5fbc30

Alternatives to #5fbc30

#5fbc30 Preview

Shades and Tints of #5fbc30

Tones of #5fbc30

Color Blindness Simulator