#30ff50 hex color

In a RGB color space, hex #30ff50 is composed of 18.8% red, 100% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 0% magenta, 68.6% yellow and 0% black. It has a hue angle of 129.3 degrees, a saturation of 100% and a lightness of 59.4%. #30ff50 color hex could be obtained by blending #60ffa0 with #00ff00. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 19
- G 100
- B 31
RGB color chart
- C 81
- M 0
- Y 69
- K 0
CMYK color chart

● #30ff50 color description : Vivid lime green.

The hexadecimal color #30ff50 has RGB values of R:48, G:255, B:80 and CMYK values of C:0.81, M:0, Y:0.69, K:0. Its decimal value is 3211088.

Hex triplet	30ff50	`#30ff50`
RGB Decimal	48, 255, 80	`rgb(48,255,80)`
RGB Percent	18.8, 100, 31.4	`rgb(18.8%,100%,31.4%)`
CMYK	81, 0, 69, 0
HSL	129.3°, 100, 59.4	`hsl(129.3,100%,59.4%)`
HSV (or HSB)	129.3°, 81.2, 100
Web Safe	33ff66	`#33ff66`

CIE-LAB	88.316, -79.927, 66.926
XYZ	38.425, 72.723, 19.601
xyY	0.294, 0.556, 72.723
CIE-LCH	88.316, 104.247, 140.059
CIE-LUV	88.316, -78.614, 94.79
Hunter-Lab	85.278, -68.808, 46.067
Binary	00110000, 11111111, 01010000

#30ff50
```
#30ff50 rgb(48,255,80)
```
#ff30df
```
#ff30df rgb(255,48,223)
```

Complementary Color

#78ff30
```
#78ff30 rgb(120,255,48)
```
#30ff50
```
#30ff50 rgb(48,255,80)
```
#30ffb8
```
#30ffb8 rgb(48,255,184)
```

Analogous Color

#ff3078
```
#ff3078 rgb(255,48,120)
```
#30ff50
```
#30ff50 rgb(48,255,80)
```
#b830ff
```
#b830ff rgb(184,48,255)
```

Split Complementary Color

#ff5030
```
#ff5030 rgb(255,80,48)
```
#30ff50
```
#30ff50 rgb(48,255,80)
```
#5030ff
```
#5030ff rgb(80,48,255)
```

Triadic Color

#dfff30
```
#dfff30 rgb(223,255,48)
```
#30ff50
```
#30ff50 rgb(48,255,80)
```
#5030ff
```
#5030ff rgb(80,48,255)
```
#ff30df
```
#ff30df rgb(255,48,223)
```

Tetradic Color

#00e323
```
#00e323 rgb(0,227,35)
```
#00fc27
```
#00fc27 rgb(0,252,39)
```
#17ff3a
```
#17ff3a rgb(23,255,58)
```
#30ff50
```
#30ff50 rgb(48,255,80)
```
#4aff66
```
#4aff66 rgb(74,255,102)
```
#63ff7b
```
#63ff7b rgb(99,255,123)
```
#7dff91
```
#7dff91 rgb(125,255,145)
```

Monochromatic Color

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

#44ff30
```
#44ff30 rgb(68,255,48)
```
#33ff30
```
#33ff30 rgb(51,255,48)
```
#30ff3f
```
#30ff3f rgb(48,255,63)
```
#30ff50
```
#30ff50 rgb(48,255,80)
```
#30ff61
```
#30ff61 rgb(48,255,97)
```
#30ff73
```
#30ff73 rgb(48,255,115)
```
#30ff84
```
#30ff84 rgb(48,255,132)
```

Similar Colors

Text with hexadecimal color #30ff50

This text has a font color of #30ff50.

<span style="color:#30ff50;">Text here</span>

#30ff50 background color

This paragraph has a background color of #30ff50.

<p style="background-color:#30ff50;">Content here</p>

#30ff50 border color

This element has a border color of #30ff50.

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

CSS codes

.text {color:#30ff50;}

.background {background-color:#30ff50;}

.border {border:1px solid #30ff50;}

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

#000901
```
#000901 rgb(0,9,1)
```
#001c04
```
#001c04 rgb(0,28,4)
```
#003007
```
#003007 rgb(0,48,7)
```
#00440a
```
#00440a rgb(0,68,10)
```
#00570d
```
#00570d rgb(0,87,13)
```
#006b11
```
#006b11 rgb(0,107,17)
```
#007e14
```
#007e14 rgb(0,126,20)
```
#009217
```
#009217 rgb(0,146,23)
```
#00a61a
```
#00a61a rgb(0,166,26)
```
#00b91d
```
#00b91d rgb(0,185,29)
```
#00cd20
```
#00cd20 rgb(0,205,32)
```
#00e123
```
#00e123 rgb(0,225,35)
```
#00f426
```
#00f426 rgb(0,244,38)
```

Shade Color Variation

#09ff2f
```
#09ff2f rgb(9,255,47)
```
#1cff3f
```
#1cff3f rgb(28,255,63)
```
#30ff50
```
#30ff50 rgb(48,255,80)
```
#44ff61
```
#44ff61 rgb(68,255,97)
```
#57ff71
```
#57ff71 rgb(87,255,113)
```
#6bff82
```
#6bff82 rgb(107,255,130)
```
#7eff92
```
#7eff92 rgb(126,255,146)
```
#92ffa3
```
#92ffa3 rgb(146,255,163)
```
#a6ffb3
```
#a6ffb3 rgb(166,255,179)
```
#b9ffc4
```
#b9ffc4 rgb(185,255,196)
```
#cdffd5
```
#cdffd5 rgb(205,255,213)
```
#e1ffe5
```
#e1ffe5 rgb(225,255,229)
```
#f4fff6
```
#f4fff6 rgb(244,255,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909f92 is the less saturated color, while #30ff50 is the most saturated one.

#909f92
```
#909f92 rgb(144,159,146)
```
#88a78d
```
#88a78d rgb(136,167,141)
```
#80af87
```
#80af87 rgb(128,175,135)
```
#78b782
```
#78b782 rgb(120,183,130)
```
#70bf7c
```
#70bf7c rgb(112,191,124)
```
#68c777
```
#68c777 rgb(104,199,119)
```
#60cf71
```
#60cf71 rgb(96,207,113)
```
#58d76c
```
#58d76c rgb(88,215,108)
```
#50df66
```
#50df66 rgb(80,223,102)
```
#48e760
```
#48e760 rgb(72,231,96)
```
#40ef5b
```
#40ef5b rgb(64,239,91)
```
#38f756
```
#38f756 rgb(56,247,86)
```
#30ff50
```
#30ff50 rgb(48,255,80)
```

Tone Color Variation

Below, you can see how #30ff50 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

#adadad Achromatopsia 0.005% of the population
#94bd9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8df50 Protanopia 1% of men
#ffd9a8 Deuteranopia 1% of men
#87eeff Tritanopia 0.001% of the population

Trichromacy

#afeb50 Protanomaly 1% of men, 0.01% of women
#b3e788 Deuteranomaly 6% of men, 0.4% of women
#67f4bf Tritanomaly 0.01% of the population

#30ff50 hex color

#30ff50 Color Information

#30ff50 Color Conversion

Color Schemes with #30ff50

Alternatives to #30ff50

#30ff50 Preview

Shades and Tints of #30ff50

Tones of #30ff50

Color Blindness Simulator