#18af42 hex color

In a RGB color space, hex #18af42 is composed of 9.4% red, 68.6% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 0% magenta, 62.3% yellow and 31.4% black. It has a hue angle of 136.7 degrees, a saturation of 75.9% and a lightness of 39%. #18af42 color hex could be obtained by blending #30ff84 with #005f00. Closest websafe color is: #009933.

♥
- f
- t
- g
- R 9
- G 69
- B 26
RGB color chart
- C 86
- M 0
- Y 62
- K 31
CMYK color chart

● #18af42 color description : Dark cyan - lime green.

The hexadecimal color #18af42 has RGB values of R:24, G:175, B:66 and CMYK values of C:0.86, M:0, Y:0.62, K:0.31. Its decimal value is 1617730.

Hex triplet	18af42	`#18af42`
RGB Decimal	24, 175, 66	`rgb(24,175,66)`
RGB Percent	9.4, 68.6, 25.9	`rgb(9.4%,68.6%,25.9%)`
CMYK	86, 0, 62, 31
HSL	136.7°, 75.9, 39	`hsl(136.7,75.9%,39%)`
HSV (or HSB)	136.7°, 86.3, 68.6
Web Safe	009933	`#009933`

CIE-LAB	62.714, -59.302, 44.57
XYZ	16.689, 31.246, 10.305
xyY	0.287, 0.536, 31.246
CIE-LCH	62.714, 74.184, 143.073
CIE-LUV	62.714, -55.88, 62.239
Hunter-Lab	55.898, -44.528, 28.198
Binary	00011000, 10101111, 01000010

#18af42
```
#18af42 rgb(24,175,66)
```
#af1885
```
#af1885 rgb(175,24,133)
```

Complementary Color

#3aaf18
```
#3aaf18 rgb(58,175,24)
```
#18af42
```
#18af42 rgb(24,175,66)
```
#18af8e
```
#18af8e rgb(24,175,142)
```

Analogous Color

#af183a
```
#af183a rgb(175,24,58)
```
#18af42
```
#18af42 rgb(24,175,66)
```
#8e18af
```
#8e18af rgb(142,24,175)
```

Split Complementary Color

#af4218
```
#af4218 rgb(175,66,24)
```
#18af42
```
#18af42 rgb(24,175,66)
```
#4218af
```
#4218af rgb(66,24,175)
```

Triadic Color

#85af18
```
#85af18 rgb(133,175,24)
```
#18af42
```
#18af42 rgb(24,175,66)
```
#4218af
```
#4218af rgb(66,24,175)
```
#af1885
```
#af1885 rgb(175,24,133)
```

Tetradic Color

#0f6c29
```
#0f6c29 rgb(15,108,41)
```
#128231
```
#128231 rgb(18,130,49)
```
#15993a
```
#15993a rgb(21,153,58)
```
#18af42
```
#18af42 rgb(24,175,66)
```
#1bc54a
```
#1bc54a rgb(27,197,74)
```
#1edc53
```
#1edc53 rgb(30,220,83)
```
#31e362
```
#31e362 rgb(49,227,98)
```

Monochromatic Color

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

#18af1c
```
#18af1c rgb(24,175,28)
```
#18af29
```
#18af29 rgb(24,175,41)
```
#18af35
```
#18af35 rgb(24,175,53)
```
#18af42
```
#18af42 rgb(24,175,66)
```
#18af4f
```
#18af4f rgb(24,175,79)
```
#18af5b
```
#18af5b rgb(24,175,91)
```
#18af68
```
#18af68 rgb(24,175,104)
```

Similar Colors

Text with hexadecimal color #18af42

This text has a font color of #18af42.

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

#18af42 background color

This paragraph has a background color of #18af42.

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

#18af42 border color

This element has a border color of #18af42.

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

CSS codes

.text {color:#18af42;}

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

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

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

#000301
```
#000301 rgb(0,3,1)
```
#031407
```
#031407 rgb(3,20,7)
```
#05250e
```
#05250e rgb(5,37,14)
```
#073614
```
#073614 rgb(7,54,20)
```
#0a481b
```
#0a481b rgb(10,72,27)
```
#0c5921
```
#0c5921 rgb(12,89,33)
```
#0f6a28
```
#0f6a28 rgb(15,106,40)
```
#117b2e
```
#117b2e rgb(17,123,46)
```
#138d35
```
#138d35 rgb(19,141,53)
```
#169e3b
```
#169e3b rgb(22,158,59)
```
#18af42
```
#18af42 rgb(24,175,66)
```
#1ac049
```
#1ac049 rgb(26,192,73)
```
#1dd14f
```
#1dd14f rgb(29,209,79)
```

Shade Color Variation

#21e156
```
#21e156 rgb(33,225,86)
```
#33e364
```
#33e364 rgb(51,227,100)
```
#44e571
```
#44e571 rgb(68,229,113)
```
#55e87e
```
#55e87e rgb(85,232,126)
```
#66ea8b
```
#66ea8b rgb(102,234,139)
```
#78ec98
```
#78ec98 rgb(120,236,152)
```
#89efa5
```
#89efa5 rgb(137,239,165)
```
#9af1b2
```
#9af1b2 rgb(154,241,178)
```
#abf4bf
```
#abf4bf rgb(171,244,191)
```
#bdf6cc
```
#bdf6cc rgb(189,246,204)
```
#cef8da
```
#cef8da rgb(206,248,218)
```
#dffbe7
```
#dffbe7 rgb(223,251,231)
```
#f0fdf4
```
#f0fdf4 rgb(240,253,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d6a61 is the less saturated color, while #01c638 is the most saturated one.

#5d6a61
```
#5d6a61 rgb(93,106,97)
```
#55725d
```
#55725d rgb(85,114,93)
```
#4e795a
```
#4e795a rgb(78,121,90)
```
#468156
```
#468156 rgb(70,129,86)
```
#3e8953
```
#3e8953 rgb(62,137,83)
```
#379050
```
#379050 rgb(55,144,80)
```
#2f984c
```
#2f984c rgb(47,152,76)
```
#27a049
```
#27a049 rgb(39,160,73)
```
#20a745
```
#20a745 rgb(32,167,69)
```
#18af42
```
#18af42 rgb(24,175,66)
```
#10b73f
```
#10b73f rgb(16,183,63)
```
#09be3b
```
#09be3b rgb(9,190,59)
```
#01c638
```
#01c638 rgb(1,198,56)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#62816b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9d45 Protanopia 1% of men
#be9657 Deuteranopia 1% of men
#57a8b4 Tritanopia 0.001% of the population

Trichromacy

#77a344 Protanomaly 1% of men, 0.01% of women
#829f4f Deuteranomaly 6% of men, 0.4% of women
#40aa8b Tritanomaly 0.01% of the population

#18af42 hex color

#18af42 Color Information

#18af42 Color Conversion

Color Schemes with #18af42

Alternatives to #18af42

#18af42 Preview

Shades and Tints of #18af42

Tones of #18af42

Color Blindness Simulator