colorhexa.com

#18c316 hex color

In a RGB color space, hex #18c316 is composed of 9.4% red, 76.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 87.7% cyan, 0% magenta, 88.7% yellow and 23.5% black. It has a hue angle of 119.3 degrees, a saturation of 79.7% and a lightness of 42.5%. #18c316 color hex could be obtained by blending #30ff2c with #008700. 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

● #18c316 color description : Strong lime green.

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

Hex triplet	18c316	`#18c316`
RGB Decimal	24, 195, 22	`rgb(24,195,22)`
RGB Percent	9.4, 76.5, 8.6	`rgb(9.4%,76.5%,8.6%)`
CMYK	88, 0, 89, 24
HSL	119.3°, 79.7, 42.5	`hsl(119.3,79.7%,42.5%)`
HSV (or HSB)	119.3°, 88.7, 76.5
Web Safe	00cc00	`#00cc00`

CIE-LAB	68.954, -68.609, 65.279
XYZ	20.035, 39.28, 7.285
xyY	0.301, 0.59, 39.28
CIE-LCH	68.954, 94.702, 136.425
CIE-LUV	68.954, -63.51, 82.323
Hunter-Lab	62.674, -52.617, 36.98
Binary	00011000, 11000011, 00010110

#18c316
```
#18c316 rgb(24,195,22)
```
#c116c3
```
#c116c3 rgb(193,22,195)
```

Complementary Color

#6fc316
```
#6fc316 rgb(111,195,22)
```
#18c316
```
#18c316 rgb(24,195,22)
```
#16c36b
```
#16c36b rgb(22,195,107)
```

Analogous Color

#c3166f
```
#c3166f rgb(195,22,111)
```
#18c316
```
#18c316 rgb(24,195,22)
```
#6b16c3
```
#6b16c3 rgb(107,22,195)
```

Split Complementary Color

#c31618
```
#c31618 rgb(195,22,24)
```
#18c316
```
#18c316 rgb(24,195,22)
```
#1618c3
```
#1618c3 rgb(22,24,195)
```

Triadic Color

#c3c116
```
#c3c116 rgb(195,193,22)
```
#18c316
```
#18c316 rgb(24,195,22)
```
#1618c3
```
#1618c3 rgb(22,24,195)
```
#c116c3
```
#c116c3 rgb(193,22,195)
```

Tetradic Color

#107e0e
```
#107e0e rgb(16,126,14)
```
#129511
```
#129511 rgb(18,149,17)
```
#15ac13
```
#15ac13 rgb(21,172,19)
```
#18c316
```
#18c316 rgb(24,195,22)
```
#1bda19
```
#1bda19 rgb(27,218,25)
```
#28e626
```
#28e626 rgb(40,230,38)
```
#3ee93c
```
#3ee93c rgb(62,233,60)
```

Monochromatic Color

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

#43c316
```
#43c316 rgb(67,195,22)
```
#35c316
```
#35c316 rgb(53,195,22)
```
#26c316
```
#26c316 rgb(38,195,22)
```
#18c316
```
#18c316 rgb(24,195,22)
```
#16c322
```
#16c322 rgb(22,195,34)
```
#16c331
```
#16c331 rgb(22,195,49)
```
#16c33f
```
#16c33f rgb(22,195,63)
```

Similar Colors

Text with hexadecimal color #18c316

This text has a font color of #18c316.

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

#18c316 background color

This paragraph has a background color of #18c316.

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

#18c316 border color

This element has a border color of #18c316.

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

CSS codes

.text {color:#18c316;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#021302
```
#021302 rgb(2,19,2)
```
#042404
```
#042404 rgb(4,36,4)
```
#073606
```
#073606 rgb(7,54,6)
```
#094808
```
#094808 rgb(9,72,8)
```
#0b590a
```
#0b590a rgb(11,89,10)
```
#0d6b0c
```
#0d6b0c rgb(13,107,12)
```
#0f7c0e
```
#0f7c0e rgb(15,124,14)
```
#118e10
```
#118e10 rgb(17,142,16)
```
#14a012
```
#14a012 rgb(20,160,18)
```
#16b114
```
#16b114 rgb(22,177,20)
```
#18c316
```
#18c316 rgb(24,195,22)
```
#1ad518
```
#1ad518 rgb(26,213,24)
```

Shade Color Variation

#1de51b
```
#1de51b rgb(29,229,27)
```
#2fe72d
```
#2fe72d rgb(47,231,45)
```
#40e93e
```
#40e93e rgb(64,233,62)
```
#52eb50
```
#52eb50 rgb(82,235,80)
```
#63ed61
```
#63ed61 rgb(99,237,97)
```
#75ef73
```
#75ef73 rgb(117,239,115)
```
#86f185
```
#86f185 rgb(134,241,133)
```
#97f396
```
#97f396 rgb(151,243,150)
```
#a9f5a8
```
#a9f5a8 rgb(169,245,168)
```
#baf7ba
```
#baf7ba rgb(186,247,186)
```
#ccf9cb
```
#ccf9cb rgb(204,249,203)
```
#ddfbdd
```
#ddfbdd rgb(221,251,221)
```
#effdee
```
#effdee rgb(239,253,238)
```

Tint Color Variation

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

#6a7069
```
#6a7069 rgb(106,112,105)
```
#617861
```
#617861 rgb(97,120,97)
```
#598059
```
#598059 rgb(89,128,89)
```
#518950
```
#518950 rgb(81,137,80)
```
#499148
```
#499148 rgb(73,145,72)
```
#419940
```
#419940 rgb(65,153,64)
```
#39a237
```
#39a237 rgb(57,162,55)
```
#30aa2f
```
#30aa2f rgb(48,170,47)
```
#28b227
```
#28b227 rgb(40,178,39)
```
#20bb1e
```
#20bb1e rgb(32,187,30)
```
#18c316
```
#18c316 rgb(24,195,22)
```
#10cb0e
```
#10cb0e rgb(16,203,14)
```
#08d405
```
#08d405 rgb(8,212,5)
```

Tone Color Variation

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

#c1ad19 Protanopia 1% of men
#d6a43a Deuteranopia 1% of men
#63b9c6 Tritanopia 0.001% of the population

Trichromacy

#84b518 Protanomaly 1% of men, 0.01% of women
#91af2d Deuteranomaly 6% of men, 0.4% of women
#47bc86 Tritanomaly 0.01% of the population