#18a220 hex color

In a RGB color space, hex #18a220 is composed of 9.4% red, 63.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 0% magenta, 80.2% yellow and 36.5% black. It has a hue angle of 123.5 degrees, a saturation of 74.2% and a lightness of 36.5%. #18a220 color hex could be obtained by blending #30ff40 with #004500. Closest websafe color is: #009933.

♥
- f
- t
- g
- R 9
- G 64
- B 13
RGB color chart
- C 85
- M 0
- Y 80
- K 36
CMYK color chart

● #18a220 color description : Dark lime green.

The hexadecimal color #18a220 has RGB values of R:24, G:162, B:32 and CMYK values of C:0.85, M:0, Y:0.8, K:0.36. Its decimal value is 1614368.

Hex triplet	18a220	`#18a220`
RGB Decimal	24, 162, 32	`rgb(24,162,32)`
RGB Percent	9.4, 63.5, 12.5	`rgb(9.4%,63.5%,12.5%)`
CMYK	85, 0, 80, 36
HSL	123.5°, 74.2, 36.5	`hsl(123.5,74.2%,36.5%)`
HSV (or HSB)	123.5°, 85.2, 63.5
Web Safe	009933	`#009933`

CIE-LAB	58.167, -58.445, 53.071
XYZ	13.557, 26.138, 5.697
xyY	0.299, 0.576, 26.138
CIE-LCH	58.167, 78.945, 137.759
CIE-LUV	58.167, -52.596, 66.666
Hunter-Lab	51.125, -42.135, 29.181
Binary	00011000, 10100010, 00100000

#18a220
```
#18a220 rgb(24,162,32)
```
#a2189a
```
#a2189a rgb(162,24,154)
```

Complementary Color

#55a218
```
#55a218 rgb(85,162,24)
```
#18a220
```
#18a220 rgb(24,162,32)
```
#18a265
```
#18a265 rgb(24,162,101)
```

Analogous Color

#a21855
```
#a21855 rgb(162,24,85)
```
#18a220
```
#18a220 rgb(24,162,32)
```
#6518a2
```
#6518a2 rgb(101,24,162)
```

Split Complementary Color

#a22018
```
#a22018 rgb(162,32,24)
```
#18a220
```
#18a220 rgb(24,162,32)
```
#2018a2
```
#2018a2 rgb(32,24,162)
```

Triadic Color

#9aa218
```
#9aa218 rgb(154,162,24)
```
#18a220
```
#18a220 rgb(24,162,32)
```
#2018a2
```
#2018a2 rgb(32,24,162)
```
#a2189a
```
#a2189a rgb(162,24,154)
```

Tetradic Color

#0e5f13
```
#0e5f13 rgb(14,95,19)
```
#117617
```
#117617 rgb(17,118,23)
```
#158c1c
```
#158c1c rgb(21,140,28)
```
#18a220
```
#18a220 rgb(24,162,32)
```
#1bb824
```
#1bb824 rgb(27,184,36)
```
#1fce29
```
#1fce29 rgb(31,206,41)
```
#27df32
```
#27df32 rgb(39,223,50)
```

Monochromatic Color

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

#33a218
```
#33a218 rgb(51,162,24)
```
#27a218
```
#27a218 rgb(39,162,24)
```
#1ca218
```
#1ca218 rgb(28,162,24)
```
#18a220
```
#18a220 rgb(24,162,32)
```
#18a22c
```
#18a22c rgb(24,162,44)
```
#18a237
```
#18a237 rgb(24,162,55)
```
#18a243
```
#18a243 rgb(24,162,67)
```

Similar Colors

Text with hexadecimal color #18a220

This text has a font color of #18a220.

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

#18a220 background color

This paragraph has a background color of #18a220.

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

#18a220 border color

This element has a border color of #18a220.

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

CSS codes

.text {color:#18a220;}

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

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

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

#010802
```
#010802 rgb(1,8,2)
```
#041905
```
#041905 rgb(4,25,5)
```
#062a08
```
#062a08 rgb(6,42,8)
```
#093b0c
```
#093b0c rgb(9,59,12)
```
#0b4d0f
```
#0b4d0f rgb(11,77,15)
```
#0e5e13
```
#0e5e13 rgb(14,94,19)
```
#106f16
```
#106f16 rgb(16,111,22)
```
#138019
```
#138019 rgb(19,128,25)
```
#15911d
```
#15911d rgb(21,145,29)
```
#18a220
```
#18a220 rgb(24,162,32)
```
#1bb323
```
#1bb323 rgb(27,179,35)
```
#1dc427
```
#1dc427 rgb(29,196,39)
```
#20d52a
```
#20d52a rgb(32,213,42)
```

Shade Color Variation

#29df34
```
#29df34 rgb(41,223,52)
```
#3ae244
```
#3ae244 rgb(58,226,68)
```
#4be454
```
#4be454 rgb(75,228,84)
```
#5ce764
```
#5ce764 rgb(92,231,100)
```
#6de975
```
#6de975 rgb(109,233,117)
```
#7fec85
```
#7fec85 rgb(127,236,133)
```
#90ef95
```
#90ef95 rgb(144,239,149)
```
#a1f1a5
```
#a1f1a5 rgb(161,241,165)
```
#b2f4b6
```
#b2f4b6 rgb(178,244,182)
```
#c3f6c6
```
#c3f6c6 rgb(195,246,198)
```
#d4f9d6
```
#d4f9d6 rgb(212,249,214)
```
#e5fbe6
```
#e5fbe6 rgb(229,251,230)
```
#f6fef7
```
#f6fef7 rgb(246,254,247)
```

Tint Color Variation

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

#586259
```
#586259 rgb(88,98,89)
```
#516953
```
#516953 rgb(81,105,83)
```
#4a704c
```
#4a704c rgb(74,112,76)
```
#437746
```
#437746 rgb(67,119,70)
```
#3c7e40
```
#3c7e40 rgb(60,126,64)
```
#358539
```
#358539 rgb(53,133,57)
```
#2d8d33
```
#2d8d33 rgb(45,141,51)
```
#26942d
```
#26942d rgb(38,148,45)
```
#1f9b26
```
#1f9b26 rgb(31,155,38)
```
#18a220
```
#18a220 rgb(24,162,32)
```
#11a91a
```
#11a91a rgb(17,169,26)
```
#0ab013
```
#0ab013 rgb(10,176,19)
```
#03b70d
```
#03b70d rgb(3,183,13)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5a755b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39226 Protanopia 1% of men
#b48b3a Deuteranopia 1% of men
#549ca7 Tritanopia 0.001% of the population

Trichromacy

#709723 Protanomaly 1% of men, 0.01% of women
#7b9330 Deuteranomaly 6% of men, 0.4% of women
#3e9e76 Tritanomaly 0.01% of the population

#18a220 hex color

#18a220 Color Information

#18a220 Color Conversion

Color Schemes with #18a220

Alternatives to #18a220

#18a220 Preview

Shades and Tints of #18a220

Tones of #18a220

Color Blindness Simulator