#18bc30 hex color

In a RGB color space, hex #18bc30 is composed of 9.4% red, 73.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 0% magenta, 74.5% yellow and 26.3% black. It has a hue angle of 128.8 degrees, a saturation of 77.4% and a lightness of 41.6%. #18bc30 color hex could be obtained by blending #30ff60 with #007900. Closest websafe color is: #00cc33.

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

● #18bc30 color description : Strong lime green.

The hexadecimal color #18bc30 has RGB values of R:24, G:188, B:48 and CMYK values of C:0.87, M:0, Y:0.74, K:0.26. Its decimal value is 1621040.

Hex triplet	18bc30	`#18bc30`
RGB Decimal	24, 188, 48	`rgb(24,188,48)`
RGB Percent	9.4, 73.7, 18.8	`rgb(9.4%,73.7%,18.8%)`
CMYK	87, 0, 74, 26
HSL	128.8°, 77.4, 41.6	`hsl(128.8,77.4%,41.6%)`
HSV (or HSB)	128.8°, 87.2, 73.7
Web Safe	00cc33	`#00cc33`

CIE-LAB	66.803, -65.11, 56.224
XYZ	18.892, 36.372, 8.821
xyY	0.295, 0.568, 36.372
CIE-LCH	66.803, 86.026, 139.188
CIE-LUV	66.803, -60.755, 74.35
Hunter-Lab	60.309, -49.625, 33.545
Binary	00011000, 10111100, 00110000

#18bc30
```
#18bc30 rgb(24,188,48)
```
#bc18a4
```
#bc18a4 rgb(188,24,164)
```

Complementary Color

#52bc18
```
#52bc18 rgb(82,188,24)
```
#18bc30
```
#18bc30 rgb(24,188,48)
```
#18bc82
```
#18bc82 rgb(24,188,130)
```

Analogous Color

#bc1852
```
#bc1852 rgb(188,24,82)
```
#18bc30
```
#18bc30 rgb(24,188,48)
```
#8218bc
```
#8218bc rgb(130,24,188)
```

Split Complementary Color

#bc3018
```
#bc3018 rgb(188,48,24)
```
#18bc30
```
#18bc30 rgb(24,188,48)
```
#3018bc
```
#3018bc rgb(48,24,188)
```

Triadic Color

#a4bc18
```
#a4bc18 rgb(164,188,24)
```
#18bc30
```
#18bc30 rgb(24,188,48)
```
#3018bc
```
#3018bc rgb(48,24,188)
```
#bc18a4
```
#bc18a4 rgb(188,24,164)
```

Tetradic Color

#0f781f
```
#0f781f rgb(15,120,31)
```
#128f24
```
#128f24 rgb(18,143,36)
```
#15a52a
```
#15a52a rgb(21,165,42)
```
#18bc30
```
#18bc30 rgb(24,188,48)
```
#1bd336
```
#1bd336 rgb(27,211,54)
```
#24e340
```
#24e340 rgb(36,227,64)
```
#3be654
```
#3be654 rgb(59,230,84)
```

Monochromatic Color

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

#29bc18
```
#29bc18 rgb(41,188,24)
```
#1bbc18
```
#1bbc18 rgb(27,188,24)
```
#18bc22
```
#18bc22 rgb(24,188,34)
```
#18bc30
```
#18bc30 rgb(24,188,48)
```
#18bc3e
```
#18bc3e rgb(24,188,62)
```
#18bc4b
```
#18bc4b rgb(24,188,75)
```
#18bc59
```
#18bc59 rgb(24,188,89)
```

Similar Colors

Text with hexadecimal color #18bc30

This text has a font color of #18bc30.

<span style="color:#18bc30;">Text here</span>

#18bc30 background color

This paragraph has a background color of #18bc30.

<p style="background-color:#18bc30;">Content here</p>

#18bc30 border color

This element has a border color of #18bc30.

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

CSS codes

.text {color:#18bc30;}

.background {background-color:#18bc30;}

.border {border:1px solid #18bc30;}

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, #020e04 is the darkest color, while #fcfffc is the lightest one.

#020e04
```
#020e04 rgb(2,14,4)
```
#041f08
```
#041f08 rgb(4,31,8)
```
#06310c
```
#06310c rgb(6,49,12)
```
#084211
```
#084211 rgb(8,66,17)
```
#0b5415
```
#0b5415 rgb(11,84,21)
```
#0d651a
```
#0d651a rgb(13,101,26)
```
#0f761e
```
#0f761e rgb(15,118,30)
```
#118823
```
#118823 rgb(17,136,35)
```
#149927
```
#149927 rgb(20,153,39)
```
#16ab2c
```
#16ab2c rgb(22,171,44)
```
#18bc30
```
#18bc30 rgb(24,188,48)
```
#1acd34
```
#1acd34 rgb(26,205,52)
```
#1cdf39
```
#1cdf39 rgb(28,223,57)
```

Shade Color Variation

#2be446
```
#2be446 rgb(43,228,70)
```
#3ce655
```
#3ce655 rgb(60,230,85)
```
#4ee864
```
#4ee864 rgb(78,232,100)
```
#5feb74
```
#5feb74 rgb(95,235,116)
```
#70ed83
```
#70ed83 rgb(112,237,131)
```
#82ef92
```
#82ef92 rgb(130,239,146)
```
#93f1a1
```
#93f1a1 rgb(147,241,161)
```
#a5f3b0
```
#a5f3b0 rgb(165,243,176)
```
#b6f6bf
```
#b6f6bf rgb(182,246,191)
```
#c7f8cf
```
#c7f8cf rgb(199,248,207)
```
#d9fade
```
#d9fade rgb(217,250,222)
```
#eafced
```
#eafced rgb(234,252,237)
```
#fcfffc
```
#fcfffc rgb(252,255,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6a6a is the less saturated color, while #08cc24 is the most saturated one.

#6a6a6a
```
#6a6a6a rgb(106,106,106)
```
#617364
```
#617364 rgb(97,115,100)
```
#597b5e
```
#597b5e rgb(89,123,94)
```
#518358
```
#518358 rgb(81,131,88)
```
#498b53
```
#498b53 rgb(73,139,83)
```
#41934d
```
#41934d rgb(65,147,77)
```
#399b47
```
#399b47 rgb(57,155,71)
```
#30a441
```
#30a441 rgb(48,164,65)
```
#28ac3c
```
#28ac3c rgb(40,172,60)
```
#20b436
```
#20b436 rgb(32,180,54)
```
#18bc30
```
#18bc30 rgb(24,188,48)
```
#10c42a
```
#10c42a rgb(16,196,42)
```
#08cc24
```
#08cc24 rgb(8,204,36)
```

Tone Color Variation

Below, you can see how #18bc30 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

#7b7b7b Achromatopsia 0.005% of the population
#67886c Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa734 Protanopia 1% of men
#cd9f4a Deuteranopia 1% of men
#5eb3c0 Tritanopia 0.001% of the population

Trichromacy

#7faf32 Protanomaly 1% of men, 0.01% of women
#8ba940 Deuteranomaly 6% of men, 0.4% of women
#45b68b Tritanomaly 0.01% of the population

#18bc30 hex color

#18bc30 Color Information

#18bc30 Color Conversion

Color Schemes with #18bc30

Alternatives to #18bc30

#18bc30 Preview

Shades and Tints of #18bc30

Tones of #18bc30

Color Blindness Simulator