colorhexa.com

#18a224 hex color

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

- R 9
- G 64
- B 14
RGB color chart
- C 85
- M 0
- Y 78
- K 36
CMYK color chart

● #18a224 color description : Dark lime green.

The hexadecimal color #18a224 has RGB values of R:24, G:162, B:36 and CMYK values of C:0.85, M:0, Y:0.78, K:0.36. Its decimal value is 1614372.

Hex triplet	18a224	`#18a224`
RGB Decimal	24, 162, 36	`rgb(24,162,36)`
RGB Percent	9.4, 63.5, 14.1	`rgb(9.4%,63.5%,14.1%)`
CMYK	85, 0, 78, 36
HSL	125.2°, 74.2, 36.5	`hsl(125.2,74.2%,36.5%)`
HSV (or HSB)	125.2°, 85.2, 63.5
Web Safe	009933	`#009933`

CIE-LAB	58.189, -58.168, 51.801
XYZ	13.615, 26.161, 6.001
xyY	0.297, 0.571, 26.161
CIE-LCH	58.189, 77.89, 138.314
CIE-LUV	58.189, -52.505, 65.755
Hunter-Lab	51.148, -41.994, 28.847
Binary	00011000, 10100010, 00100100

#18a224
```
#18a224 rgb(24,162,36)
```
#a21896
```
#a21896 rgb(162,24,150)
```

Complementary Color

#51a218
```
#51a218 rgb(81,162,24)
```
#18a224
```
#18a224 rgb(24,162,36)
```
#18a269
```
#18a269 rgb(24,162,105)
```

Analogous Color

#a21851
```
#a21851 rgb(162,24,81)
```
#18a224
```
#18a224 rgb(24,162,36)
```
#6918a2
```
#6918a2 rgb(105,24,162)
```

Split Complementary Color

#a22418
```
#a22418 rgb(162,36,24)
```
#18a224
```
#18a224 rgb(24,162,36)
```
#2418a2
```
#2418a2 rgb(36,24,162)
```

Triadic Color

#96a218
```
#96a218 rgb(150,162,24)
```
#18a224
```
#18a224 rgb(24,162,36)
```
#2418a2
```
#2418a2 rgb(36,24,162)
```
#a21896
```
#a21896 rgb(162,24,150)
```

Tetradic Color

#0e5f15
```
#0e5f15 rgb(14,95,21)
```
#11761a
```
#11761a rgb(17,118,26)
```
#158c1f
```
#158c1f rgb(21,140,31)
```
#18a224
```
#18a224 rgb(24,162,36)
```
#1bb829
```
#1bb829 rgb(27,184,41)
```
#1fce2e
```
#1fce2e rgb(31,206,46)
```
#27df37
```
#27df37 rgb(39,223,55)
```

Monochromatic Color

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

#2fa218
```
#2fa218 rgb(47,162,24)
```
#23a218
```
#23a218 rgb(35,162,24)
```
#18a219
```
#18a219 rgb(24,162,25)
```
#18a224
```
#18a224 rgb(24,162,36)
```
#18a230
```
#18a230 rgb(24,162,48)
```
#18a23b
```
#18a23b rgb(24,162,59)
```
#18a246
```
#18a246 rgb(24,162,70)
```

Similar Colors

Text with hexadecimal color #18a224

This text has a font color of #18a224.

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

#18a224 background color

This paragraph has a background color of #18a224.

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

#18a224 border color

This element has a border color of #18a224.

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

CSS codes

.text {color:#18a224;}

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

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

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)
```
#062a09
```
#062a09 rgb(6,42,9)
```
#093b0d
```
#093b0d rgb(9,59,13)
```
#0b4d11
```
#0b4d11 rgb(11,77,17)
```
#0e5e15
```
#0e5e15 rgb(14,94,21)
```
#106f19
```
#106f19 rgb(16,111,25)
```
#13801c
```
#13801c rgb(19,128,28)
```
#159120
```
#159120 rgb(21,145,32)
```
#18a224
```
#18a224 rgb(24,162,36)
```
#1bb328
```
#1bb328 rgb(27,179,40)
```
#1dc42c
```
#1dc42c rgb(29,196,44)
```
#20d52f
```
#20d52f rgb(32,213,47)
```

Shade Color Variation

#29df39
```
#29df39 rgb(41,223,57)
```
#3ae249
```
#3ae249 rgb(58,226,73)
```
#4be459
```
#4be459 rgb(75,228,89)
```
#5ce768
```
#5ce768 rgb(92,231,104)
```
#6de978
```
#6de978 rgb(109,233,120)
```
#7fec88
```
#7fec88 rgb(127,236,136)
```
#90ef98
```
#90ef98 rgb(144,239,152)
```
#a1f1a8
```
#a1f1a8 rgb(161,241,168)
```
#b2f4b8
```
#b2f4b8 rgb(178,244,184)
```
#c3f6c7
```
#c3f6c7 rgb(195,246,199)
```
#d4f9d7
```
#d4f9d7 rgb(212,249,215)
```
#e5fbe7
```
#e5fbe7 rgb(229,251,231)
```
#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 #03b712 is the most saturated one.

#586259
```
#586259 rgb(88,98,89)
```
#516953
```
#516953 rgb(81,105,83)
```
#4a704d
```
#4a704d rgb(74,112,77)
```
#437747
```
#437747 rgb(67,119,71)
```
#3c7e42
```
#3c7e42 rgb(60,126,66)
```
#35853c
```
#35853c rgb(53,133,60)
```
#2d8d36
```
#2d8d36 rgb(45,141,54)
```
#269430
```
#269430 rgb(38,148,48)
```
#1f9b2a
```
#1f9b2a rgb(31,155,42)
```
#18a224
```
#18a224 rgb(24,162,36)
```
#11a91e
```
#11a91e rgb(17,169,30)
```
#0ab018
```
#0ab018 rgb(10,176,24)
```
#03b712
```
#03b712 rgb(3,183,18)
```

Tone Color Variation

Below, you can see how #18a224 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
#5a755c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39229 Protanopia 1% of men
#b38b3d Deuteranopia 1% of men
#549ca7 Tritanopia 0.001% of the population

Trichromacy

#709727 Protanomaly 1% of men, 0.01% of women
#7b9334 Deuteranomaly 6% of men, 0.4% of women
#3e9e77 Tritanomaly 0.01% of the population