colorhexa.com

#18c216 hex color

In a RGB color space, hex #18c216 is composed of 9.4% red, 76.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 0% magenta, 88.7% yellow and 23.9% black. It has a hue angle of 119.3 degrees, a saturation of 79.6% and a lightness of 42.4%. #18c216 color hex could be obtained by blending #30ff2c with #008500. Closest websafe color is: #00cc00.

- R 9
- G 76
- B 9
RGB color chart
- C 88
- M 0
- Y 89
- K 24
CMYK color chart

● #18c216 color description : Strong lime green.

The hexadecimal color #18c216 has RGB values of R:24, G:194, B:22 and CMYK values of C:0.88, M:0, Y:0.89, K:0.24. Its decimal value is 1622550.

Hex triplet	18c216	`#18c216`
RGB Decimal	24, 194, 22	`rgb(24,194,22)`
RGB Percent	9.4, 76.1, 8.6	`rgb(9.4%,76.1%,8.6%)`
CMYK	88, 0, 89, 24
HSL	119.3°, 79.6, 42.4	`hsl(119.3,79.6%,42.4%)`
HSV (or HSB)	119.3°, 88.7, 76.1
Web Safe	00cc00	`#00cc00`

CIE-LAB	68.63, -68.325, 64.999
XYZ	19.812, 38.833, 7.21
xyY	0.301, 0.59, 38.833
CIE-LCH	68.63, 94.304, 136.429
CIE-LUV	68.63, -63.192, 81.913
Hunter-Lab	62.317, -52.304, 36.761
Binary	00011000, 11000010, 00010110

#18c216
```
#18c216 rgb(24,194,22)
```
#c016c2
```
#c016c2 rgb(192,22,194)
```

Complementary Color

#6ec216
```
#6ec216 rgb(110,194,22)
```
#18c216
```
#18c216 rgb(24,194,22)
```
#16c26a
```
#16c26a rgb(22,194,106)
```

Analogous Color

#c2166e
```
#c2166e rgb(194,22,110)
```
#18c216
```
#18c216 rgb(24,194,22)
```
#6a16c2
```
#6a16c2 rgb(106,22,194)
```

Split Complementary Color

#c21618
```
#c21618 rgb(194,22,24)
```
#18c216
```
#18c216 rgb(24,194,22)
```
#1618c2
```
#1618c2 rgb(22,24,194)
```

Triadic Color

#c2c016
```
#c2c016 rgb(194,192,22)
```
#18c216
```
#18c216 rgb(24,194,22)
```
#1618c2
```
#1618c2 rgb(22,24,194)
```
#c016c2
```
#c016c2 rgb(192,22,194)
```

Tetradic Color

#107d0e
```
#107d0e rgb(16,125,14)
```
#129411
```
#129411 rgb(18,148,17)
```
#15ab13
```
#15ab13 rgb(21,171,19)
```
#18c216
```
#18c216 rgb(24,194,22)
```
#1bd919
```
#1bd919 rgb(27,217,25)
```
#27e625
```
#27e625 rgb(39,230,37)
```
#3ee93c
```
#3ee93c rgb(62,233,60)
```

Monochromatic Color

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

#43c216
```
#43c216 rgb(67,194,22)
```
#35c216
```
#35c216 rgb(53,194,22)
```
#26c216
```
#26c216 rgb(38,194,22)
```
#18c216
```
#18c216 rgb(24,194,22)
```
#16c222
```
#16c222 rgb(22,194,34)
```
#16c231
```
#16c231 rgb(22,194,49)
```
#16c23f
```
#16c23f rgb(22,194,63)
```

Similar Colors

Text with hexadecimal color #18c216

This text has a font color of #18c216.

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

#18c216 background color

This paragraph has a background color of #18c216.

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

#18c216 border color

This element has a border color of #18c216.

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

CSS codes

.text {color:#18c216;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#021202
```
#021202 rgb(2,18,2)
```
#042304
```
#042304 rgb(4,35,4)
```
#073506
```
#073506 rgb(7,53,6)
```
#094708
```
#094708 rgb(9,71,8)
```
#0b580a
```
#0b580a rgb(11,88,10)
```
#0d6a0c
```
#0d6a0c rgb(13,106,12)
```
#0f7c0e
```
#0f7c0e rgb(15,124,14)
```
#118d10
```
#118d10 rgb(17,141,16)
```
#149f12
```
#149f12 rgb(20,159,18)
```
#16b014
```
#16b014 rgb(22,176,20)
```
#18c216
```
#18c216 rgb(24,194,22)
```
#1ad418
```
#1ad418 rgb(26,212,24)
```

Shade Color Variation

#1de51a
```
#1de51a rgb(29,229,26)
```
#2ee72c
```
#2ee72c rgb(46,231,44)
```
#3fe93d
```
#3fe93d rgb(63,233,61)
```
#51eb4f
```
#51eb4f rgb(81,235,79)
```
#62ed61
```
#62ed61 rgb(98,237,97)
```
#74ef72
```
#74ef72 rgb(116,239,114)
```
#85f184
```
#85f184 rgb(133,241,132)
```
#97f396
```
#97f396 rgb(151,243,150)
```
#a8f5a7
```
#a8f5a7 rgb(168,245,167)
```
#b9f7b9
```
#b9f7b9 rgb(185,247,185)
```
#cbf9ca
```
#cbf9ca rgb(203,249,202)
```
#dcfbdc
```
#dcfbdc rgb(220,251,220)
```
#eefdee
```
#eefdee rgb(238,253,238)
```

Tint Color Variation

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

#696f69
```
#696f69 rgb(105,111,105)
```
#617761
```
#617761 rgb(97,119,97)
```
#598058
```
#598058 rgb(89,128,88)
```
#518850
```
#518850 rgb(81,136,80)
```
#499048
```
#499048 rgb(73,144,72)
```
#419840
```
#419840 rgb(65,152,64)
```
#38a137
```
#38a137 rgb(56,161,55)
```
#30a92f
```
#30a92f rgb(48,169,47)
```
#28b127
```
#28b127 rgb(40,177,39)
```
#20ba1e
```
#20ba1e rgb(32,186,30)
```
#18c216
```
#18c216 rgb(24,194,22)
```
#10ca0e
```
#10ca0e rgb(16,202,14)
```
#08d305
```
#08d305 rgb(8,211,5)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#688a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ac1a Protanopia 1% of men
#d5a33a Deuteranopia 1% of men
#62b8c5 Tritanopia 0.001% of the population

Trichromacy

#83b418 Protanomaly 1% of men, 0.01% of women
#90ae2d Deuteranomaly 6% of men, 0.4% of women
#47bb85 Tritanomaly 0.01% of the population