#18d221 hex color

In a RGB color space, hex #18d221 is composed of 9.4% red, 82.4% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 88.6% cyan, 0% magenta, 84.3% yellow and 17.6% black. It has a hue angle of 122.9 degrees, a saturation of 79.5% and a lightness of 45.9%. #18d221 color hex could be obtained by blending #30ff42 with #00a500. Closest websafe color is: #00cc33.

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

● #18d221 color description : Strong lime green.

The hexadecimal color #18d221 has RGB values of R:24, G:210, B:33 and CMYK values of C:0.89, M:0, Y:0.84, K:0.18. Its decimal value is 1626657.

Hex triplet	18d221	`#18d221`
RGB Decimal	24, 210, 33	`rgb(24,210,33)`
RGB Percent	9.4, 82.4, 12.9	`rgb(9.4%,82.4%,12.9%)`
CMYK	89, 0, 84, 18
HSL	122.9°, 79.5, 45.9	`hsl(122.9,79.5%,45.9%)`
HSV (or HSB)	122.9°, 88.6, 82.4
Web Safe	00cc33	`#00cc33`

CIE-LAB	73.801, -72.381, 67.243
XYZ	23.696, 46.395, 9.145
xyY	0.299, 0.586, 46.395
CIE-LCH	73.801, 98.796, 137.108
CIE-LUV	73.801, -68.079, 86.92
Hunter-Lab	68.114, -57.099, 39.719
Binary	00011000, 11010010, 00100001

#18d221
```
#18d221 rgb(24,210,33)
```
#d218c9
```
#d218c9 rgb(210,24,201)
```

Complementary Color

#6cd218
```
#6cd218 rgb(108,210,24)
```
#18d221
```
#18d221 rgb(24,210,33)
```
#18d27e
```
#18d27e rgb(24,210,126)
```

Analogous Color

#d2186c
```
#d2186c rgb(210,24,108)
```
#18d221
```
#18d221 rgb(24,210,33)
```
#7e18d2
```
#7e18d2 rgb(126,24,210)
```

Split Complementary Color

#d22118
```
#d22118 rgb(210,33,24)
```
#18d221
```
#18d221 rgb(24,210,33)
```
#2118d2
```
#2118d2 rgb(33,24,210)
```

Triadic Color

#c9d218
```
#c9d218 rgb(201,210,24)
```
#18d221
```
#18d221 rgb(24,210,33)
```
#2118d2
```
#2118d2 rgb(33,24,210)
```
#d218c9
```
#d218c9 rgb(210,24,201)
```

Tetradic Color

#108d16
```
#108d16 rgb(16,141,22)
```
#13a41a
```
#13a41a rgb(19,164,26)
```
#15bb1d
```
#15bb1d rgb(21,187,29)
```
#18d221
```
#18d221 rgb(24,210,33)
```
#1ee528
```
#1ee528 rgb(30,229,40)
```
#35e83e
```
#35e83e rgb(53,232,62)
```
#4ceb54
```
#4ceb54 rgb(76,235,84)
```

Monochromatic Color

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

#3dd218
```
#3dd218 rgb(61,210,24)
```
#2ed218
```
#2ed218 rgb(46,210,24)
```
#1ed218
```
#1ed218 rgb(30,210,24)
```
#18d221
```
#18d221 rgb(24,210,33)
```
#18d231
```
#18d231 rgb(24,210,49)
```
#18d240
```
#18d240 rgb(24,210,64)
```
#18d250
```
#18d250 rgb(24,210,80)
```

Similar Colors

Text with hexadecimal color #18d221

This text has a font color of #18d221.

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

#18d221 background color

This paragraph has a background color of #18d221.

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

#18d221 border color

This element has a border color of #18d221.

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

CSS codes

.text {color:#18d221;}

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

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

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

#021003
```
#021003 rgb(2,16,3)
```
#042205
```
#042205 rgb(4,34,5)
```
#063408
```
#063408 rgb(6,52,8)
```
#08450b
```
#08450b rgb(8,69,11)
```
#0a570e
```
#0a570e rgb(10,87,14)
```
#0c6810
```
#0c6810 rgb(12,104,16)
```
#0e7a13
```
#0e7a13 rgb(14,122,19)
```
#108c16
```
#108c16 rgb(16,140,22)
```
#129d19
```
#129d19 rgb(18,157,25)
```
#14af1b
```
#14af1b rgb(20,175,27)
```
#16c01e
```
#16c01e rgb(22,192,30)
```
#18d221
```
#18d221 rgb(24,210,33)
```
#1ae424
```
#1ae424 rgb(26,228,36)
```

Shade Color Variation

#2be734
```
#2be734 rgb(43,231,52)
```
#3ce944
```
#3ce944 rgb(60,233,68)
```
#4eeb55
```
#4eeb55 rgb(78,235,85)
```
#5fed66
```
#5fed66 rgb(95,237,102)
```
#71ef77
```
#71ef77 rgb(113,239,119)
```
#83f188
```
#83f188 rgb(131,241,136)
```
#94f399
```
#94f399 rgb(148,243,153)
```
#a6f5aa
```
#a6f5aa rgb(166,245,170)
```
#b7f7ba
```
#b7f7ba rgb(183,247,186)
```
#c9f9cb
```
#c9f9cb rgb(201,249,203)
```
#dbfbdc
```
#dbfbdc rgb(219,251,220)
```
#ecfded
```
#ecfded rgb(236,253,237)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#727872
```
#727872 rgb(114,120,114)
```
#69816a
```
#69816a rgb(105,129,106)
```
#608a62
```
#608a62 rgb(96,138,98)
```
#57935a
```
#57935a rgb(87,147,90)
```
#4e9c52
```
#4e9c52 rgb(78,156,82)
```
#45a54a
```
#45a54a rgb(69,165,74)
```
#3cae42
```
#3cae42 rgb(60,174,66)
```
#33b739
```
#33b739 rgb(51,183,57)
```
#2ac031
```
#2ac031 rgb(42,192,49)
```
#21c929
```
#21c929 rgb(33,201,41)
```
#18d221
```
#18d221 rgb(24,210,33)
```
#0fdb19
```
#0fdb19 rgb(15,219,25)
```
#06e411
```
#06e411 rgb(6,228,17)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#709572 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfb924 Protanopia 1% of men
#e5b043 Deuteranopia 1% of men
#69c6d4 Tritanopia 0.001% of the population

Trichromacy

#8cc223 Protanomaly 1% of men, 0.01% of women
#9abc36 Deuteranomaly 6% of men, 0.4% of women
#4bca93 Tritanomaly 0.01% of the population

#18d221 hex color

#18d221 Color Information

#18d221 Color Conversion

Color Schemes with #18d221

Alternatives to #18d221

#18d221 Preview

Shades and Tints of #18d221

Tones of #18d221

Color Blindness Simulator