#18a228 hex color

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

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

● #18a228 color description : Dark lime green.

The hexadecimal color #18a228 has RGB values of R:24, G:162, B:40 and CMYK values of C:0.85, M:0, Y:0.75, K:0.36. Its decimal value is 1614376.

Hex triplet	18a228	`#18a228`
RGB Decimal	24, 162, 40	`rgb(24,162,40)`
RGB Percent	9.4, 63.5, 15.7	`rgb(9.4%,63.5%,15.7%)`
CMYK	85, 0, 75, 36
HSL	127°, 74.2, 36.5	`hsl(127,74.2%,36.5%)`
HSV (or HSB)	127°, 85.2, 63.5
Web Safe	009933	`#009933`

CIE-LAB	58.214, -57.861, 50.432
XYZ	13.679, 26.187, 6.341
xyY	0.296, 0.567, 26.187
CIE-LCH	58.214, 76.755, 138.924
CIE-LUV	58.214, -52.404, 64.743
Hunter-Lab	51.173, -41.837, 28.474
Binary	00011000, 10100010, 00101000

#18a228
```
#18a228 rgb(24,162,40)
```
#a21892
```
#a21892 rgb(162,24,146)
```

Complementary Color

#4da218
```
#4da218 rgb(77,162,24)
```
#18a228
```
#18a228 rgb(24,162,40)
```
#18a26d
```
#18a26d rgb(24,162,109)
```

Analogous Color

#a2184d
```
#a2184d rgb(162,24,77)
```
#18a228
```
#18a228 rgb(24,162,40)
```
#6d18a2
```
#6d18a2 rgb(109,24,162)
```

Split Complementary Color

#a22818
```
#a22818 rgb(162,40,24)
```
#18a228
```
#18a228 rgb(24,162,40)
```
#2818a2
```
#2818a2 rgb(40,24,162)
```

Triadic Color

#92a218
```
#92a218 rgb(146,162,24)
```
#18a228
```
#18a228 rgb(24,162,40)
```
#2818a2
```
#2818a2 rgb(40,24,162)
```
#a21892
```
#a21892 rgb(162,24,146)
```

Tetradic Color

#0e5f18
```
#0e5f18 rgb(14,95,24)
```
#11761d
```
#11761d rgb(17,118,29)
```
#158c23
```
#158c23 rgb(21,140,35)
```
#18a228
```
#18a228 rgb(24,162,40)
```
#1bb82d
```
#1bb82d rgb(27,184,45)
```
#1fce33
```
#1fce33 rgb(31,206,51)
```
#27df3d
```
#27df3d rgb(39,223,61)
```

Monochromatic Color

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

#2ba218
```
#2ba218 rgb(43,162,24)
```
#1fa218
```
#1fa218 rgb(31,162,24)
```
#18a21d
```
#18a21d rgb(24,162,29)
```
#18a228
```
#18a228 rgb(24,162,40)
```
#18a234
```
#18a234 rgb(24,162,52)
```
#18a23f
```
#18a23f rgb(24,162,63)
```
#18a24b
```
#18a24b rgb(24,162,75)
```

Similar Colors

Text with hexadecimal color #18a228

This text has a font color of #18a228.

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

#18a228 background color

This paragraph has a background color of #18a228.

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

#18a228 border color

This element has a border color of #18a228.

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

CSS codes

.text {color:#18a228;}

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

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

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)
```
#041906
```
#041906 rgb(4,25,6)
```
#062a0a
```
#062a0a rgb(6,42,10)
```
#093b0f
```
#093b0f rgb(9,59,15)
```
#0b4d13
```
#0b4d13 rgb(11,77,19)
```
#0e5e17
```
#0e5e17 rgb(14,94,23)
```
#106f1b
```
#106f1b rgb(16,111,27)
```
#138020
```
#138020 rgb(19,128,32)
```
#159124
```
#159124 rgb(21,145,36)
```
#18a228
```
#18a228 rgb(24,162,40)
```
#1bb32c
```
#1bb32c rgb(27,179,44)
```
#1dc430
```
#1dc430 rgb(29,196,48)
```
#20d535
```
#20d535 rgb(32,213,53)
```

Shade Color Variation

#29df3e
```
#29df3e rgb(41,223,62)
```
#3ae24e
```
#3ae24e rgb(58,226,78)
```
#4be45d
```
#4be45d rgb(75,228,93)
```
#5ce76c
```
#5ce76c rgb(92,231,108)
```
#6de97c
```
#6de97c rgb(109,233,124)
```
#7fec8b
```
#7fec8b rgb(127,236,139)
```
#90ef9b
```
#90ef9b rgb(144,239,155)
```
#a1f1aa
```
#a1f1aa rgb(161,241,170)
```
#b2f4b9
```
#b2f4b9 rgb(178,244,185)
```
#c3f6c9
```
#c3f6c9 rgb(195,246,201)
```
#d4f9d8
```
#d4f9d8 rgb(212,249,216)
```
#e5fbe8
```
#e5fbe8 rgb(229,251,232)
```
#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 #03b718 is the most saturated one.

#586259
```
#586259 rgb(88,98,89)
```
#516954
```
#516954 rgb(81,105,84)
```
#4a704e
```
#4a704e rgb(74,112,78)
```
#437749
```
#437749 rgb(67,119,73)
```
#3c7e43
```
#3c7e43 rgb(60,126,67)
```
#35853e
```
#35853e rgb(53,133,62)
```
#2d8d38
```
#2d8d38 rgb(45,141,56)
```
#269433
```
#269433 rgb(38,148,51)
```
#1f9b2d
```
#1f9b2d rgb(31,155,45)
```
#18a228
```
#18a228 rgb(24,162,40)
```
#11a923
```
#11a923 rgb(17,169,35)
```
#0ab01d
```
#0ab01d rgb(10,176,29)
```
#03b718
```
#03b718 rgb(3,183,24)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5a765e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2922d Protanopia 1% of men
#b38b40 Deuteranopia 1% of men
#549ca7 Tritanopia 0.001% of the population

Trichromacy

#70972b Protanomaly 1% of men, 0.01% of women
#7b9337 Deuteranomaly 6% of men, 0.4% of women
#3e9e79 Tritanomaly 0.01% of the population

#18a228 hex color

#18a228 Color Information

#18a228 Color Conversion

Color Schemes with #18a228

Alternatives to #18a228

#18a228 Preview

Shades and Tints of #18a228

Tones of #18a228

Color Blindness Simulator