#18d422 hex color

In a RGB color space, hex #18d422 is composed of 9.4% red, 83.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 88.7% cyan, 0% magenta, 84% yellow and 16.9% black. It has a hue angle of 123.2 degrees, a saturation of 79.7% and a lightness of 46.3%. #18d422 color hex could be obtained by blending #30ff44 with #00a900. Closest websafe color is: #00cc33.

♥
- f
- t
- g
- R 9
- G 83
- B 13
RGB color chart
- C 89
- M 0
- Y 84
- K 17
CMYK color chart

● #18d422 color description : Strong lime green.

The hexadecimal color #18d422 has RGB values of R:24, G:212, B:34 and CMYK values of C:0.89, M:0, Y:0.84, K:0.17. Its decimal value is 1627170.

Hex triplet	18d422	`#18d422`
RGB Decimal	24, 212, 34	`rgb(24,212,34)`
RGB Percent	9.4, 83.1, 13.3	`rgb(9.4%,83.1%,13.3%)`
CMYK	89, 0, 84, 17
HSL	123.2°, 79.7, 46.3	`hsl(123.2,79.7%,46.3%)`
HSV (or HSB)	123.2°, 88.7, 83.1
Web Safe	00cc33	`#00cc33`

CIE-LAB	74.441, -72.894, 67.585
XYZ	24.207, 47.394, 9.385
xyY	0.299, 0.585, 47.394
CIE-LCH	74.441, 99.405, 137.164
CIE-LUV	74.441, -68.688, 87.581
Hunter-Lab	68.843, -57.709, 40.107
Binary	00011000, 11010100, 00100010

#18d422
```
#18d422 rgb(24,212,34)
```
#d418ca
```
#d418ca rgb(212,24,202)
```

Complementary Color

#6cd418
```
#6cd418 rgb(108,212,24)
```
#18d422
```
#18d422 rgb(24,212,34)
```
#18d480
```
#18d480 rgb(24,212,128)
```

Analogous Color

#d4186c
```
#d4186c rgb(212,24,108)
```
#18d422
```
#18d422 rgb(24,212,34)
```
#8018d4
```
#8018d4 rgb(128,24,212)
```

Split Complementary Color

#d42218
```
#d42218 rgb(212,34,24)
```
#18d422
```
#18d422 rgb(24,212,34)
```
#2218d4
```
#2218d4 rgb(34,24,212)
```

Triadic Color

#cad418
```
#cad418 rgb(202,212,24)
```
#18d422
```
#18d422 rgb(24,212,34)
```
#2218d4
```
#2218d4 rgb(34,24,212)
```
#d418ca
```
#d418ca rgb(212,24,202)
```

Tetradic Color

#108f17
```
#108f17 rgb(16,143,23)
```
#13a61b
```
#13a61b rgb(19,166,27)
```
#15bd1e
```
#15bd1e rgb(21,189,30)
```
#18d422
```
#18d422 rgb(24,212,34)
```
#20e62a
```
#20e62a rgb(32,230,42)
```
#37e840
```
#37e840 rgb(55,232,64)
```
#4eeb56
```
#4eeb56 rgb(78,235,86)
```

Monochromatic Color

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

#3dd418
```
#3dd418 rgb(61,212,24)
```
#2dd418
```
#2dd418 rgb(45,212,24)
```
#1ed418
```
#1ed418 rgb(30,212,24)
```
#18d422
```
#18d422 rgb(24,212,34)
```
#18d432
```
#18d432 rgb(24,212,50)
```
#18d441
```
#18d441 rgb(24,212,65)
```
#18d451
```
#18d451 rgb(24,212,81)
```

Similar Colors

Text with hexadecimal color #18d422

This text has a font color of #18d422.

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

#18d422 background color

This paragraph has a background color of #18d422.

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

#18d422 border color

This element has a border color of #18d422.

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

CSS codes

.text {color:#18d422;}

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

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

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 #eefdef is the lightest one.

#000100
```
#000100 rgb(0,1,0)
```
#021203
```
#021203 rgb(2,18,3)
```
#042406
```
#042406 rgb(4,36,6)
```
#063509
```
#063509 rgb(6,53,9)
```
#08470b
```
#08470b rgb(8,71,11)
```
#0a590e
```
#0a590e rgb(10,89,14)
```
#0c6a11
```
#0c6a11 rgb(12,106,17)
```
#0e7c14
```
#0e7c14 rgb(14,124,20)
```
#108e17
```
#108e17 rgb(16,142,23)
```
#129f1a
```
#129f1a rgb(18,159,26)
```
#14b11c
```
#14b11c rgb(20,177,28)
```
#16c21f
```
#16c21f rgb(22,194,31)
```
#18d422
```
#18d422 rgb(24,212,34)
```

Shade Color Variation

#1ae525
```
#1ae525 rgb(26,229,37)
```
#2ce736
```
#2ce736 rgb(44,231,54)
```
#3ee947
```
#3ee947 rgb(62,233,71)
```
#4feb58
```
#4feb58 rgb(79,235,88)
```
#61ed68
```
#61ed68 rgb(97,237,104)
```
#73ef79
```
#73ef79 rgb(115,239,121)
```
#84f18a
```
#84f18a rgb(132,241,138)
```
#96f39b
```
#96f39b rgb(150,243,155)
```
#a7f5ac
```
#a7f5ac rgb(167,245,172)
```
#b9f7bc
```
#b9f7bc rgb(185,247,188)
```
#cbf9cd
```
#cbf9cd rgb(203,249,205)
```
#dcfbde
```
#dcfbde rgb(220,251,222)
```
#eefdef
```
#eefdef rgb(238,253,239)
```

Tint Color Variation

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

#737973
```
#737973 rgb(115,121,115)
```
#6a826b
```
#6a826b rgb(106,130,107)
```
#618b63
```
#618b63 rgb(97,139,99)
```
#58945b
```
#58945b rgb(88,148,91)
```
#4e9e53
```
#4e9e53 rgb(78,158,83)
```
#45a74b
```
#45a74b rgb(69,167,75)
```
#3cb042
```
#3cb042 rgb(60,176,66)
```
#33b93a
```
#33b93a rgb(51,185,58)
```
#2ac232
```
#2ac232 rgb(42,194,50)
```
#21cb2a
```
#21cb2a rgb(33,203,42)
```
#18d422
```
#18d422 rgb(24,212,34)
```
#0fdd1a
```
#0fdd1a rgb(15,221,26)
```
#06e612
```
#06e612 rgb(6,230,18)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#719673 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bb25 Protanopia 1% of men
#e7b244 Deuteranopia 1% of men
#6ac8d6 Tritanopia 0.001% of the population

Trichromacy

#8dc424 Protanomaly 1% of men, 0.01% of women
#9cbe37 Deuteranomaly 6% of men, 0.4% of women
#4ccc95 Tritanomaly 0.01% of the population

#18d422 hex color

#18d422 Color Information

#18d422 Color Conversion

Color Schemes with #18d422

Alternatives to #18d422

#18d422 Preview

Shades and Tints of #18d422

Tones of #18d422

Color Blindness Simulator