#18af4d hex color

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

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

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

The hexadecimal color #18af4d has RGB values of R:24, G:175, B:77 and CMYK values of C:0.86, M:0, Y:0.56, K:0.31. Its decimal value is 1617741.

Hex triplet	18af4d	`#18af4d`
RGB Decimal	24, 175, 77	`rgb(24,175,77)`
RGB Percent	9.4, 68.6, 30.2	`rgb(9.4%,68.6%,30.2%)`
CMYK	86, 0, 56, 31
HSL	141.1°, 75.9, 39	`hsl(141.1,75.9%,39%)`
HSV (or HSB)	141.1°, 86.3, 68.6
Web Safe	009966	`#009966`

CIE-LAB	62.834, -57.84, 39.552
XYZ	17.045, 31.388, 12.181
xyY	0.281, 0.518, 31.388
CIE-LCH	62.834, 70.07, 145.635
CIE-LUV	62.834, -55.403, 57.466
Hunter-Lab	56.025, -43.737, 26.327
Binary	00011000, 10101111, 01001101

#18af4d
```
#18af4d rgb(24,175,77)
```
#af187a
```
#af187a rgb(175,24,122)
```

Complementary Color

#2faf18
```
#2faf18 rgb(47,175,24)
```
#18af4d
```
#18af4d rgb(24,175,77)
```
#18af99
```
#18af99 rgb(24,175,153)
```

Analogous Color

#af182f
```
#af182f rgb(175,24,47)
```
#18af4d
```
#18af4d rgb(24,175,77)
```
#9918af
```
#9918af rgb(153,24,175)
```

Split Complementary Color

#af4d18
```
#af4d18 rgb(175,77,24)
```
#18af4d
```
#18af4d rgb(24,175,77)
```
#4d18af
```
#4d18af rgb(77,24,175)
```

Triadic Color

#7aaf18
```
#7aaf18 rgb(122,175,24)
```
#18af4d
```
#18af4d rgb(24,175,77)
```
#4d18af
```
#4d18af rgb(77,24,175)
```
#af187a
```
#af187a rgb(175,24,122)
```

Tetradic Color

#0f6c2f
```
#0f6c2f rgb(15,108,47)
```
#128239
```
#128239 rgb(18,130,57)
```
#159943
```
#159943 rgb(21,153,67)
```
#18af4d
```
#18af4d rgb(24,175,77)
```
#1bc557
```
#1bc557 rgb(27,197,87)
```
#1edc61
```
#1edc61 rgb(30,220,97)
```
#31e36f
```
#31e36f rgb(49,227,111)
```

Monochromatic Color

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

#18af27
```
#18af27 rgb(24,175,39)
```
#18af34
```
#18af34 rgb(24,175,52)
```
#18af40
```
#18af40 rgb(24,175,64)
```
#18af4d
```
#18af4d rgb(24,175,77)
```
#18af5a
```
#18af5a rgb(24,175,90)
```
#18af66
```
#18af66 rgb(24,175,102)
```
#18af73
```
#18af73 rgb(24,175,115)
```

Similar Colors

Text with hexadecimal color #18af4d

This text has a font color of #18af4d.

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

#18af4d background color

This paragraph has a background color of #18af4d.

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

#18af4d border color

This element has a border color of #18af4d.

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

CSS codes

.text {color:#18af4d;}

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

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

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 #f0fdf5 is the lightest one.

#000301
```
#000301 rgb(0,3,1)
```
#031409
```
#031409 rgb(3,20,9)
```
#052510
```
#052510 rgb(5,37,16)
```
#073618
```
#073618 rgb(7,54,24)
```
#0a481f
```
#0a481f rgb(10,72,31)
```
#0c5927
```
#0c5927 rgb(12,89,39)
```
#0f6a2f
```
#0f6a2f rgb(15,106,47)
```
#117b36
```
#117b36 rgb(17,123,54)
```
#138d3e
```
#138d3e rgb(19,141,62)
```
#169e45
```
#169e45 rgb(22,158,69)
```
#18af4d
```
#18af4d rgb(24,175,77)
```
#1ac055
```
#1ac055 rgb(26,192,85)
```
#1dd15c
```
#1dd15c rgb(29,209,92)
```

Shade Color Variation

#21e164
```
#21e164 rgb(33,225,100)
```
#33e370
```
#33e370 rgb(51,227,112)
```
#44e57c
```
#44e57c rgb(68,229,124)
```
#55e888
```
#55e888 rgb(85,232,136)
```
#66ea95
```
#66ea95 rgb(102,234,149)
```
#78eca1
```
#78eca1 rgb(120,236,161)
```
#89efad
```
#89efad rgb(137,239,173)
```
#9af1b9
```
#9af1b9 rgb(154,241,185)
```
#abf4c5
```
#abf4c5 rgb(171,244,197)
```
#bdf6d1
```
#bdf6d1 rgb(189,246,209)
```
#cef8dd
```
#cef8dd rgb(206,248,221)
```
#dffbe9
```
#dffbe9 rgb(223,251,233)
```
#f0fdf5
```
#f0fdf5 rgb(240,253,245)
```

Tint Color Variation

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

#5d6a62
```
#5d6a62 rgb(93,106,98)
```
#55725f
```
#55725f rgb(85,114,95)
```
#4e795d
```
#4e795d rgb(78,121,93)
```
#46815b
```
#46815b rgb(70,129,91)
```
#3e8958
```
#3e8958 rgb(62,137,88)
```
#379056
```
#379056 rgb(55,144,86)
```
#2f9854
```
#2f9854 rgb(47,152,84)
```
#27a052
```
#27a052 rgb(39,160,82)
```
#20a74f
```
#20a74f rgb(32,167,79)
```
#18af4d
```
#18af4d rgb(24,175,77)
```
#10b74b
```
#10b74b rgb(16,183,75)
```
#09be48
```
#09be48 rgb(9,190,72)
```
#01c646
```
#01c646 rgb(1,198,70)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#64826f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9d4f Protanopia 1% of men
#bd9660 Deuteranopia 1% of men
#55a8b5 Tritanopia 0.001% of the population

Trichromacy

#77a34e Protanomaly 1% of men, 0.01% of women
#819f59 Deuteranomaly 6% of men, 0.4% of women
#3fab8f Tritanomaly 0.01% of the population

#18af4d hex color

#18af4d Color Information

#18af4d Color Conversion

Color Schemes with #18af4d

Alternatives to #18af4d

#18af4d Preview

Shades and Tints of #18af4d

Tones of #18af4d

Color Blindness Simulator