#30c312 hex color

In a RGB color space, hex #30c312 is composed of 18.8% red, 76.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 0% magenta, 90.8% yellow and 23.5% black. It has a hue angle of 109.8 degrees, a saturation of 83.1% and a lightness of 41.8%. #30c312 color hex could be obtained by blending #60ff24 with #008700. Closest websafe color is: #33cc00.

♥
- f
- t
- g
- R 19
- G 76
- B 7
RGB color chart
- C 75
- M 0
- Y 91
- K 24
CMYK color chart

● #30c312 color description : Strong lime green.

The hexadecimal color #30c312 has RGB values of R:48, G:195, B:18 and CMYK values of C:0.75, M:0, Y:0.91, K:0.24. Its decimal value is 3195666.

Hex triplet	30c312	`#30c312`
RGB Decimal	48, 195, 18	`rgb(48,195,18)`
RGB Percent	18.8, 76.5, 7.1	`rgb(18.8%,76.5%,7.1%)`
CMYK	75, 0, 91, 24
HSL	109.8°, 83.1, 41.8	`hsl(109.8,83.1%,41.8%)`
HSV (or HSB)	109.8°, 90.8, 76.5
Web Safe	33cc00	`#33cc00`

CIE-LAB	69.255, -65.968, 66.354
XYZ	20.842, 39.7, 7.137
xyY	0.308, 0.587, 39.7
CIE-LCH	69.255, 93.566, 134.833
CIE-LUV	69.255, -60.428, 82.751
Hunter-Lab	63.008, -51.219, 37.39
Binary	00110000, 11000011, 00010010

#30c312
```
#30c312 rgb(48,195,18)
```
#a512c3
```
#a512c3 rgb(165,18,195)
```

Complementary Color

#89c312
```
#89c312 rgb(137,195,18)
```
#30c312
```
#30c312 rgb(48,195,18)
```
#12c34d
```
#12c34d rgb(18,195,77)
```

Analogous Color

#c31289
```
#c31289 rgb(195,18,137)
```
#30c312
```
#30c312 rgb(48,195,18)
```
#4d12c3
```
#4d12c3 rgb(77,18,195)
```

Split Complementary Color

#c31230
```
#c31230 rgb(195,18,48)
```
#30c312
```
#30c312 rgb(48,195,18)
```
#1230c3
```
#1230c3 rgb(18,48,195)
```

Triadic Color

#c3a512
```
#c3a512 rgb(195,165,18)
```
#30c312
```
#30c312 rgb(48,195,18)
```
#1230c3
```
#1230c3 rgb(18,48,195)
```
#a512c3
```
#a512c3 rgb(165,18,195)
```

Tetradic Color

#1f7d0c
```
#1f7d0c rgb(31,125,12)
```
#25940e
```
#25940e rgb(37,148,14)
```
#2aac10
```
#2aac10 rgb(42,172,16)
```
#30c312
```
#30c312 rgb(48,195,18)
```
#36da14
```
#36da14 rgb(54,218,20)
```
#40ea1e
```
#40ea1e rgb(64,234,30)
```
#54ec35
```
#54ec35 rgb(84,236,53)
```

Monochromatic Color

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

#5cc312
```
#5cc312 rgb(92,195,18)
```
#4ec312
```
#4ec312 rgb(78,195,18)
```
#3fc312
```
#3fc312 rgb(63,195,18)
```
#30c312
```
#30c312 rgb(48,195,18)
```
#21c312
```
#21c312 rgb(33,195,18)
```
#13c312
```
#13c312 rgb(19,195,18)
```
#12c320
```
#12c320 rgb(18,195,32)
```

Similar Colors

Text with hexadecimal color #30c312

This text has a font color of #30c312.

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

#30c312 background color

This paragraph has a background color of #30c312.

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

#30c312 border color

This element has a border color of #30c312.

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

CSS codes

.text {color:#30c312;}

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

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

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, #040f01 is the darkest color, while #fdfffc is the lightest one.

#040f01
```
#040f01 rgb(4,15,1)
```
#082103
```
#082103 rgb(8,33,3)
```
#0d3305
```
#0d3305 rgb(13,51,5)
```
#114506
```
#114506 rgb(17,69,6)
```
#155708
```
#155708 rgb(21,87,8)
```
#1a690a
```
#1a690a rgb(26,105,10)
```
#1e7b0b
```
#1e7b0b rgb(30,123,11)
```
#238d0d
```
#238d0d rgb(35,141,13)
```
#279f0f
```
#279f0f rgb(39,159,15)
```
#2cb110
```
#2cb110 rgb(44,177,16)
```
#30c312
```
#30c312 rgb(48,195,18)
```
#34d514
```
#34d514 rgb(52,213,20)
```
#39e715
```
#39e715 rgb(57,231,21)
```

Shade Color Variation

#47eb25
```
#47eb25 rgb(71,235,37)
```
#56ed37
```
#56ed37 rgb(86,237,55)
```
#65ee49
```
#65ee49 rgb(101,238,73)
```
#74f05b
```
#74f05b rgb(116,240,91)
```
#83f26d
```
#83f26d rgb(131,242,109)
```
#92f37f
```
#92f37f rgb(146,243,127)
```
#a2f591
```
#a2f591 rgb(162,245,145)
```
#b1f6a3
```
#b1f6a3 rgb(177,246,163)
```
#c0f8b5
```
#c0f8b5 rgb(192,248,181)
```
#cffac7
```
#cffac7 rgb(207,250,199)
```
#defbd9
```
#defbd9 rgb(222,251,217)
```
#eefdeb
```
#eefdeb rgb(238,253,235)
```
#fdfffc
```
#fdfffc rgb(253,255,252)
```

Tint Color Variation

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

#667164
```
#667164 rgb(102,113,100)
```
#61795c
```
#61795c rgb(97,121,92)
```
#5b8154
```
#5b8154 rgb(91,129,84)
```
#568a4b
```
#568a4b rgb(86,138,75)
```
#509243
```
#509243 rgb(80,146,67)
```
#4b9a3b
```
#4b9a3b rgb(75,154,59)
```
#46a233
```
#46a233 rgb(70,162,51)
```
#40aa2b
```
#40aa2b rgb(64,170,43)
```
#3bb322
```
#3bb322 rgb(59,179,34)
```
#35bb1a
```
#35bb1a rgb(53,187,26)
```
#30c312
```
#30c312 rgb(48,195,18)
```
#2bcb0a
```
#2bcb0a rgb(43,203,10)
```
#25d302
```
#25d302 rgb(37,211,2)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#72906c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ad15 Protanopia 1% of men
#d7a538 Deuteranopia 1% of men
#6bb8c6 Tritanopia 0.001% of the population

Trichromacy

#8db514 Protanomaly 1% of men, 0.01% of women
#9ab02a Deuteranomaly 6% of men, 0.4% of women
#55bc84 Tritanomaly 0.01% of the population

#30c312 hex color

#30c312 Color Information

#30c312 Color Conversion

Color Schemes with #30c312

Alternatives to #30c312

#30c312 Preview

Shades and Tints of #30c312

Tones of #30c312

Color Blindness Simulator