#30d316 hex color

In a RGB color space, hex #30d316 is composed of 18.8% red, 82.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 0% magenta, 89.6% yellow and 17.3% black. It has a hue angle of 111.7 degrees, a saturation of 81.1% and a lightness of 45.7%. #30d316 color hex could be obtained by blending #60ff2c with #00a700. Closest websafe color is: #33cc00.

♥
- f
- t
- g
- R 19
- G 83
- B 9
RGB color chart
- C 77
- M 0
- Y 90
- K 17
CMYK color chart

● #30d316 color description : Strong lime green.

The hexadecimal color #30d316 has RGB values of R:48, G:211, B:22 and CMYK values of C:0.77, M:0, Y:0.9, K:0.17. Its decimal value is 3199766.

Hex triplet	30d316	`#30d316`
RGB Decimal	48, 211, 22	`rgb(48,211,22)`
RGB Percent	18.8, 82.7, 8.6	`rgb(18.8%,82.7%,8.6%)`
CMYK	77, 0, 90, 17
HSL	111.7°, 81.1, 45.7	`hsl(111.7,81.1%,45.7%)`
HSV (or HSB)	111.7°, 89.6, 82.7
Web Safe	33cc00	`#33cc00`

CIE-LAB	74.364, -70.612, 70.042
XYZ	24.657, 47.272, 8.584
xyY	0.306, 0.587, 47.272
CIE-LCH	74.364, 99.458, 135.232
CIE-LUV	74.364, -65.719, 88.785
Hunter-Lab	68.755, -56.308, 40.726
Binary	00110000, 11010011, 00010110

#30d316
```
#30d316 rgb(48,211,22)
```
#b916d3
```
#b916d3 rgb(185,22,211)
```

Complementary Color

#8fd316
```
#8fd316 rgb(143,211,22)
```
#30d316
```
#30d316 rgb(48,211,22)
```
#16d35b
```
#16d35b rgb(22,211,91)
```

Analogous Color

#d3168f
```
#d3168f rgb(211,22,143)
```
#30d316
```
#30d316 rgb(48,211,22)
```
#5b16d3
```
#5b16d3 rgb(91,22,211)
```

Split Complementary Color

#d31630
```
#d31630 rgb(211,22,48)
```
#30d316
```
#30d316 rgb(48,211,22)
```
#1630d3
```
#1630d3 rgb(22,48,211)
```

Triadic Color

#d3b916
```
#d3b916 rgb(211,185,22)
```
#30d316
```
#30d316 rgb(48,211,22)
```
#1630d3
```
#1630d3 rgb(22,48,211)
```
#b916d3
```
#b916d3 rgb(185,22,211)
```

Tetradic Color

#208e0f
```
#208e0f rgb(32,142,15)
```
#25a511
```
#25a511 rgb(37,165,17)
```
#2bbc14
```
#2bbc14 rgb(43,188,20)
```
#30d316
```
#30d316 rgb(48,211,22)
```
#37e71b
```
#37e71b rgb(55,231,27)
```
#4cea32
```
#4cea32 rgb(76,234,50)
```
#60ec49
```
#60ec49 rgb(96,236,73)
```

Monochromatic Color

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

#5fd316
```
#5fd316 rgb(95,211,22)
```
#50d316
```
#50d316 rgb(80,211,22)
```
#40d316
```
#40d316 rgb(64,211,22)
```
#30d316
```
#30d316 rgb(48,211,22)
```
#20d316
```
#20d316 rgb(32,211,22)
```
#16d31c
```
#16d31c rgb(22,211,28)
```
#16d32b
```
#16d32b rgb(22,211,43)
```

Similar Colors

Text with hexadecimal color #30d316

This text has a font color of #30d316.

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

#30d316 background color

This paragraph has a background color of #30d316.

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

#30d316 border color

This element has a border color of #30d316.

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

CSS codes

.text {color:#30d316;}

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

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

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

#041002
```
#041002 rgb(4,16,2)
```
#082103
```
#082103 rgb(8,33,3)
```
#0c3305
```
#0c3305 rgb(12,51,5)
```
#104507
```
#104507 rgb(16,69,7)
```
#145709
```
#145709 rgb(20,87,9)
```
#18680b
```
#18680b rgb(24,104,11)
```
#1c7a0d
```
#1c7a0d rgb(28,122,13)
```
#208c0f
```
#208c0f rgb(32,140,15)
```
#249e10
```
#249e10 rgb(36,158,16)
```
#28af12
```
#28af12 rgb(40,175,18)
```
#2cc114
```
#2cc114 rgb(44,193,20)
```
#30d316
```
#30d316 rgb(48,211,22)
```
#34e518
```
#34e518 rgb(52,229,24)
```

Shade Color Variation

#42e928
```
#42e928 rgb(66,233,40)
```
#52ea39
```
#52ea39 rgb(82,234,57)
```
#61ec4b
```
#61ec4b rgb(97,236,75)
```
#71ee5d
```
#71ee5d rgb(113,238,93)
```
#81f06f
```
#81f06f rgb(129,240,111)
```
#90f280
```
#90f280 rgb(144,242,128)
```
#a0f492
```
#a0f492 rgb(160,244,146)
```
#aff6a4
```
#aff6a4 rgb(175,246,164)
```
#bff7b6
```
#bff7b6 rgb(191,247,182)
```
#cef9c8
```
#cef9c8 rgb(206,249,200)
```
#defbd9
```
#defbd9 rgb(222,251,217)
```
#eefdeb
```
#eefdeb rgb(238,253,235)
```
#fdfffd
```
#fdfffd rgb(253,255,253)
```

Tint Color Variation

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

#717970
```
#717970 rgb(113,121,112)
```
#6a8267
```
#6a8267 rgb(106,130,103)
```
#648b5e
```
#648b5e rgb(100,139,94)
```
#5d9455
```
#5d9455 rgb(93,148,85)
```
#579d4c
```
#579d4c rgb(87,157,76)
```
#50a643
```
#50a643 rgb(80,166,67)
```
#4aaf3a
```
#4aaf3a rgb(74,175,58)
```
#43b831
```
#43b831 rgb(67,184,49)
```
#3dc128
```
#3dc128 rgb(61,193,40)
```
#36ca1f
```
#36ca1f rgb(54,202,31)
```
#30d316
```
#30d316 rgb(48,211,22)
```
#2adc0d
```
#2adc0d rgb(42,220,13)
```
#23e504
```
#23e504 rgb(35,229,4)
```

Tone Color Variation

Below, you can see how #30d316 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
#7a9b75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bb18 Protanopia 1% of men
#e7b13d Deuteranopia 1% of men
#71c7d5 Tritanopia 0.001% of the population

Trichromacy

#96c317 Protanomaly 1% of men, 0.01% of women
#a4bd2e Deuteranomaly 6% of men, 0.4% of women
#59cb8f Tritanomaly 0.01% of the population

#30d316 hex color

#30d316 Color Information

#30d316 Color Conversion

Color Schemes with #30d316

Alternatives to #30d316

#30d316 Preview

Shades and Tints of #30d316

Tones of #30d316

Color Blindness Simulator