#18c422 hex color

In a RGB color space, hex #18c422 is composed of 9.4% red, 76.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 0% magenta, 82.7% yellow and 23.1% black. It has a hue angle of 123.5 degrees, a saturation of 78.2% and a lightness of 43.1%. #18c422 color hex could be obtained by blending #30ff44 with #008900. Closest websafe color is: #00cc33.

♥
- f
- t
- g
- R 9
- G 77
- B 13
RGB color chart
- C 88
- M 0
- Y 83
- K 23
CMYK color chart

● #18c422 color description : Strong lime green.

The hexadecimal color #18c422 has RGB values of R:24, G:196, B:34 and CMYK values of C:0.88, M:0, Y:0.83, K:0.23. Its decimal value is 1623074.

Hex triplet	18c422	`#18c422`
RGB Decimal	24, 196, 34	`rgb(24,196,34)`
RGB Percent	9.4, 76.9, 13.3	`rgb(9.4%,76.9%,13.3%)`
CMYK	88, 0, 83, 23
HSL	123.5°, 78.2, 43.1	`hsl(123.5,78.2%,43.1%)`
HSV (or HSB)	123.5°, 87.8, 76.9
Web Safe	00cc33	`#00cc33`

CIE-LAB	69.318, -68.364, 62.924
XYZ	20.404, 39.787, 8.118
xyY	0.299, 0.582, 39.787
CIE-LCH	69.318, 92.914, 137.373
CIE-LUV	69.318, -63.642, 80.927
Hunter-Lab	63.077, -52.644, 36.524
Binary	00011000, 11000100, 00100010

#18c422
```
#18c422 rgb(24,196,34)
```
#c418ba
```
#c418ba rgb(196,24,186)
```

Complementary Color

#64c418
```
#64c418 rgb(100,196,24)
```
#18c422
```
#18c422 rgb(24,196,34)
```
#18c478
```
#18c478 rgb(24,196,120)
```

Analogous Color

#c41864
```
#c41864 rgb(196,24,100)
```
#18c422
```
#18c422 rgb(24,196,34)
```
#7818c4
```
#7818c4 rgb(120,24,196)
```

Split Complementary Color

#c42218
```
#c42218 rgb(196,34,24)
```
#18c422
```
#18c422 rgb(24,196,34)
```
#2218c4
```
#2218c4 rgb(34,24,196)
```

Triadic Color

#bac418
```
#bac418 rgb(186,196,24)
```
#18c422
```
#18c422 rgb(24,196,34)
```
#2218c4
```
#2218c4 rgb(34,24,196)
```
#c418ba
```
#c418ba rgb(196,24,186)
```

Tetradic Color

#108016
```
#108016 rgb(16,128,22)
```
#12971a
```
#12971a rgb(18,151,26)
```
#15ad1e
```
#15ad1e rgb(21,173,30)
```
#18c422
```
#18c422 rgb(24,196,34)
```
#1bdb26
```
#1bdb26 rgb(27,219,38)
```
#2ae535
```
#2ae535 rgb(42,229,53)
```
#41e84a
```
#41e84a rgb(65,232,74)
```

Monochromatic Color

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

#39c418
```
#39c418 rgb(57,196,24)
```
#2bc418
```
#2bc418 rgb(43,196,24)
```
#1cc418
```
#1cc418 rgb(28,196,24)
```
#18c422
```
#18c422 rgb(24,196,34)
```
#18c430
```
#18c430 rgb(24,196,48)
```
#18c43f
```
#18c43f rgb(24,196,63)
```
#18c44d
```
#18c44d rgb(24,196,77)
```

Similar Colors

Text with hexadecimal color #18c422

This text has a font color of #18c422.

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

#18c422 background color

This paragraph has a background color of #18c422.

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

#18c422 border color

This element has a border color of #18c422.

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

CSS codes

.text {color:#18c422;}

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

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

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

#000401
```
#000401 rgb(0,4,1)
```
#031504
```
#031504 rgb(3,21,4)
```
#052707
```
#052707 rgb(5,39,7)
```
#07380a
```
#07380a rgb(7,56,10)
```
#094a0d
```
#094a0d rgb(9,74,13)
```
#0b5b10
```
#0b5b10 rgb(11,91,16)
```
#0d6d13
```
#0d6d13 rgb(13,109,19)
```
#0f7e16
```
#0f7e16 rgb(15,126,22)
```
#129019
```
#129019 rgb(18,144,25)
```
#14a11c
```
#14a11c rgb(20,161,28)
```
#16b31f
```
#16b31f rgb(22,179,31)
```
#18c422
```
#18c422 rgb(24,196,34)
```
#1ad525
```
#1ad525 rgb(26,213,37)
```

Shade Color Variation

#20e42b
```
#20e42b rgb(32,228,43)
```
#31e63c
```
#31e63c rgb(49,230,60)
```
#43e84c
```
#43e84c rgb(67,232,76)
```
#54ea5d
```
#54ea5d rgb(84,234,93)
```
#65ec6d
```
#65ec6d rgb(101,236,109)
```
#77ee7e
```
#77ee7e rgb(119,238,126)
```
#88f08e
```
#88f08e rgb(136,240,142)
```
#9af39f
```
#9af39f rgb(154,243,159)
```
#abf5b0
```
#abf5b0 rgb(171,245,176)
```
#bdf7c0
```
#bdf7c0 rgb(189,247,192)
```
#cef9d1
```
#cef9d1 rgb(206,249,209)
```
#e0fbe1
```
#e0fbe1 rgb(224,251,225)
```
#f1fdf2
```
#f1fdf2 rgb(241,253,242)
```

Tint Color Variation

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

#6d6f6d
```
#6d6f6d rgb(109,111,109)
```
#647865
```
#647865 rgb(100,120,101)
```
#5c805e
```
#5c805e rgb(92,128,94)
```
#538956
```
#538956 rgb(83,137,86)
```
#4b914f
```
#4b914f rgb(75,145,79)
```
#429a47
```
#429a47 rgb(66,154,71)
```
#3aa240
```
#3aa240 rgb(58,162,64)
```
#31ab38
```
#31ab38 rgb(49,171,56)
```
#29b331
```
#29b331 rgb(41,179,49)
```
#20bc29
```
#20bc29 rgb(32,188,41)
```
#18c422
```
#18c422 rgb(24,196,34)
```
#10cc1b
```
#10cc1b rgb(16,204,27)
```
#07d513
```
#07d513 rgb(7,213,19)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6a8c6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ae26 Protanopia 1% of men
#d7a541 Deuteranopia 1% of men
#63bac7 Tritanopia 0.001% of the population

Trichromacy

#84b624 Protanomaly 1% of men, 0.01% of women
#91b036 Deuteranomaly 6% of men, 0.4% of women
#47bd8b Tritanomaly 0.01% of the population

#18c422 hex color

#18c422 Color Information

#18c422 Color Conversion

Color Schemes with #18c422

Alternatives to #18c422

#18c422 Preview

Shades and Tints of #18c422

Tones of #18c422

Color Blindness Simulator