#12dc30 hex color

In a RGB color space, hex #12dc30 is composed of 7.1% red, 86.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 0% magenta, 78.2% yellow and 13.7% black. It has a hue angle of 128.9 degrees, a saturation of 84.9% and a lightness of 46.7%. #12dc30 color hex could be obtained by blending #24ff60 with #00b900. Closest websafe color is: #00cc33.

♥
- f
- t
- g
- R 7
- G 86
- B 19
RGB color chart
- C 92
- M 0
- Y 78
- K 14
CMYK color chart

● #12dc30 color description : Vivid lime green.

The hexadecimal color #12dc30 has RGB values of R:18, G:220, B:48 and CMYK values of C:0.92, M:0, Y:0.78, K:0.14. Its decimal value is 1236016.

Hex triplet	12dc30	`#12dc30`
RGB Decimal	18, 220, 48	`rgb(18,220,48)`
RGB Percent	7.1, 86.3, 18.8	`rgb(7.1%,86.3%,18.8%)`
CMYK	92, 0, 78, 14
HSL	128.9°, 84.9, 46.7	`hsl(128.9,84.9%,46.7%)`
HSV (or HSB)	128.9°, 91.8, 86.3
Web Safe	00cc33	`#00cc33`

CIE-LAB	76.996, -74.719, 66.208
XYZ	26.375, 51.525, 11.351
xyY	0.296, 0.577, 51.525
CIE-LCH	76.996, 99.833, 138.456
CIE-LUV	76.996, -71.306, 88.237
Hunter-Lab	71.781, -60.031, 40.871
Binary	00010010, 11011100, 00110000

#12dc30
```
#12dc30 rgb(18,220,48)
```
#dc12be
```
#dc12be rgb(220,18,190)
```

Complementary Color

#59dc12
```
#59dc12 rgb(89,220,18)
```
#12dc30
```
#12dc30 rgb(18,220,48)
```
#12dc95
```
#12dc95 rgb(18,220,149)
```

Analogous Color

#dc1259
```
#dc1259 rgb(220,18,89)
```
#12dc30
```
#12dc30 rgb(18,220,48)
```
#9512dc
```
#9512dc rgb(149,18,220)
```

Split Complementary Color

#dc3012
```
#dc3012 rgb(220,48,18)
```
#12dc30
```
#12dc30 rgb(18,220,48)
```
#3012dc
```
#3012dc rgb(48,18,220)
```

Triadic Color

#bedc12
```
#bedc12 rgb(190,220,18)
```
#12dc30
```
#12dc30 rgb(18,220,48)
```
#3012dc
```
#3012dc rgb(48,18,220)
```
#dc12be
```
#dc12be rgb(220,18,190)
```

Tetradic Color

#0c9521
```
#0c9521 rgb(12,149,33)
```
#0ead26
```
#0ead26 rgb(14,173,38)
```
#10c42b
```
#10c42b rgb(16,196,43)
```
#12dc30
```
#12dc30 rgb(18,220,48)
```
#1bec3a
```
#1bec3a rgb(27,236,58)
```
#33ee4f
```
#33ee4f rgb(51,238,79)
```
#4af063
```
#4af063 rgb(74,240,99)
```

Monochromatic Color

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

#27dc12
```
#27dc12 rgb(39,220,18)
```
#16dc12
```
#16dc12 rgb(22,220,18)
```
#12dc1f
```
#12dc1f rgb(18,220,31)
```
#12dc30
```
#12dc30 rgb(18,220,48)
```
#12dc41
```
#12dc41 rgb(18,220,65)
```
#12dc52
```
#12dc52 rgb(18,220,82)
```
#12dc62
```
#12dc62 rgb(18,220,98)
```

Similar Colors

Text with hexadecimal color #12dc30

This text has a font color of #12dc30.

<span style="color:#12dc30;">Text here</span>

#12dc30 background color

This paragraph has a background color of #12dc30.

<p style="background-color:#12dc30;">Content here</p>

#12dc30 border color

This element has a border color of #12dc30.

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

CSS codes

.text {color:#12dc30;}

.background {background-color:#12dc30;}

.border {border:1px solid #12dc30;}

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

#000201
```
#000201 rgb(0,2,1)
```
#021504
```
#021504 rgb(2,21,4)
```
#032708
```
#032708 rgb(3,39,8)
```
#05390c
```
#05390c rgb(5,57,12)
```
#064b10
```
#064b10 rgb(6,75,16)
```
#085d14
```
#085d14 rgb(8,93,20)
```
#096f18
```
#096f18 rgb(9,111,24)
```
#0b811c
```
#0b811c rgb(11,129,28)
```
#0c9320
```
#0c9320 rgb(12,147,32)
```
#0ea624
```
#0ea624 rgb(14,166,36)
```
#0fb828
```
#0fb828 rgb(15,184,40)
```
#11ca2c
```
#11ca2c rgb(17,202,44)
```
#12dc30
```
#12dc30 rgb(18,220,48)
```

Shade Color Variation

#16ec36
```
#16ec36 rgb(22,236,54)
```
#28ed45
```
#28ed45 rgb(40,237,69)
```
#3aef55
```
#3aef55 rgb(58,239,85)
```
#4cf064
```
#4cf064 rgb(76,240,100)
```
#5ef274
```
#5ef274 rgb(94,242,116)
```
#70f384
```
#70f384 rgb(112,243,132)
```
#82f593
```
#82f593 rgb(130,245,147)
```
#95f6a3
```
#95f6a3 rgb(149,246,163)
```
#a7f8b3
```
#a7f8b3 rgb(167,248,179)
```
#b9f9c2
```
#b9f9c2 rgb(185,249,194)
```
#cbfbd2
```
#cbfbd2 rgb(203,251,210)
```
#ddfce2
```
#ddfce2 rgb(221,252,226)
```
#effef1
```
#effef1 rgb(239,254,241)
```

Tint Color Variation

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

#777777
```
#777777 rgb(119,119,119)
```
#6e8070
```
#6e8070 rgb(110,128,112)
```
#648a6a
```
#648a6a rgb(100,138,106)
```
#5b9363
```
#5b9363 rgb(91,147,99)
```
#529c5d
```
#529c5d rgb(82,156,93)
```
#49a557
```
#49a557 rgb(73,165,87)
```
#40ae50
```
#40ae50 rgb(64,174,80)
```
#37b74a
```
#37b74a rgb(55,183,74)
```
#2dc143
```
#2dc143 rgb(45,193,67)
```
#24ca3d
```
#24ca3d rgb(36,202,61)
```
#1bd336
```
#1bd336 rgb(27,211,54)
```
#12dc30
```
#12dc30 rgb(18,220,48)
```
#09e52a
```
#09e52a rgb(9,229,42)
```

Tone Color Variation

Below, you can see how #12dc30 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

#8c8c8c Achromatopsia 0.005% of the population
#749c7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c133 Protanopia 1% of men
#eeb84e Deuteranopia 1% of men
#6ccfde Tritanopia 0.001% of the population

Trichromacy

#90cb32 Protanomaly 1% of men, 0.01% of women
#9ec543 Deuteranomaly 6% of men, 0.4% of women
#4bd49f Tritanomaly 0.01% of the population

#12dc30 hex color

#12dc30 Color Information

#12dc30 Color Conversion

Color Schemes with #12dc30

Alternatives to #12dc30

#12dc30 Preview

Shades and Tints of #12dc30

Tones of #12dc30

Color Blindness Simulator