#18d864 hex color

In a RGB color space, hex #18d864 is composed of 9.4% red, 84.7% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 0% magenta, 53.7% yellow and 15.3% black. It has a hue angle of 143.8 degrees, a saturation of 80% and a lightness of 47.1%. #18d864 color hex could be obtained by blending #30ffc8 with #00b100. Closest websafe color is: #00cc66.

♥
- f
- t
- g
- R 9
- G 85
- B 39
RGB color chart
- C 89
- M 0
- Y 54
- K 15
CMYK color chart

● #18d864 color description : Strong cyan - lime green.

The hexadecimal color #18d864 has RGB values of R:24, G:216, B:100 and CMYK values of C:0.89, M:0, Y:0.54, K:0.15. Its decimal value is 1628260.

Hex triplet	18d864	`#18d864`
RGB Decimal	24, 216, 100	`rgb(24,216,100)`
RGB Percent	9.4, 84.7, 39.2	`rgb(9.4%,84.7%,39.2%)`
CMYK	89, 0, 54, 15
HSL	143.8°, 80, 47.1	`hsl(143.8,80%,47.1%)`
HSV (or HSB)	143.8°, 88.9, 84.7
Web Safe	00cc66	`#00cc66`

CIE-LAB	76.206, -67.821, 44.693
XYZ	27.231, 50.223, 20.315
xyY	0.279, 0.514, 50.223
CIE-LCH	76.206, 81.223, 146.616
CIE-LUV	76.206, -67.765, 68.154
Hunter-Lab	70.868, -55.431, 32.612
Binary	00011000, 11011000, 01100100

#18d864
```
#18d864 rgb(24,216,100)
```
#d8188c
```
#d8188c rgb(216,24,140)
```

Complementary Color

#2cd818
```
#2cd818 rgb(44,216,24)
```
#18d864
```
#18d864 rgb(24,216,100)
```
#18d8c4
```
#18d8c4 rgb(24,216,196)
```

Analogous Color

#d8182c
```
#d8182c rgb(216,24,44)
```
#18d864
```
#18d864 rgb(24,216,100)
```
#c418d8
```
#c418d8 rgb(196,24,216)
```

Split Complementary Color

#d86418
```
#d86418 rgb(216,100,24)
```
#18d864
```
#18d864 rgb(24,216,100)
```
#6418d8
```
#6418d8 rgb(100,24,216)
```

Triadic Color

#8cd818
```
#8cd818 rgb(140,216,24)
```
#18d864
```
#18d864 rgb(24,216,100)
```
#6418d8
```
#6418d8 rgb(100,24,216)
```
#d8188c
```
#d8188c rgb(216,24,140)
```

Tetradic Color

#109344
```
#109344 rgb(16,147,68)
```
#13aa4f
```
#13aa4f rgb(19,170,79)
```
#15c159
```
#15c159 rgb(21,193,89)
```
#18d864
```
#18d864 rgb(24,216,100)
```
#23e770
```
#23e770 rgb(35,231,112)
```
#3ae97f
```
#3ae97f rgb(58,233,127)
```
#51ec8e
```
#51ec8e rgb(81,236,142)
```

Monochromatic Color

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

#18d834
```
#18d834 rgb(24,216,52)
```
#18d844
```
#18d844 rgb(24,216,68)
```
#18d854
```
#18d854 rgb(24,216,84)
```
#18d864
```
#18d864 rgb(24,216,100)
```
#18d874
```
#18d874 rgb(24,216,116)
```
#18d884
```
#18d884 rgb(24,216,132)
```
#18d894
```
#18d894 rgb(24,216,148)
```

Similar Colors

Text with hexadecimal color #18d864

This text has a font color of #18d864.

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

#18d864 background color

This paragraph has a background color of #18d864.

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

#18d864 border color

This element has a border color of #18d864.

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

CSS codes

.text {color:#18d864;}

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

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

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

#000402
```
#000402 rgb(0,4,2)
```
#02160a
```
#02160a rgb(2,22,10)
```
#042712
```
#042712 rgb(4,39,18)
```
#06391a
```
#06391a rgb(6,57,26)
```
#084b23
```
#084b23 rgb(8,75,35)
```
#0a5c2b
```
#0a5c2b rgb(10,92,43)
```
#0c6e33
```
#0c6e33 rgb(12,110,51)
```
#0e803b
```
#0e803b rgb(14,128,59)
```
#109143
```
#109143 rgb(16,145,67)
```
#12a34b
```
#12a34b rgb(18,163,75)
```
#14b554
```
#14b554 rgb(20,181,84)
```
#16c65c
```
#16c65c rgb(22,198,92)
```
#18d864
```
#18d864 rgb(24,216,100)
```

Shade Color Variation

#1ee66d
```
#1ee66d rgb(30,230,109)
```
#2fe878
```
#2fe878 rgb(47,232,120)
```
#41ea84
```
#41ea84 rgb(65,234,132)
```
#53ec8f
```
#53ec8f rgb(83,236,143)
```
#64ee9b
```
#64ee9b rgb(100,238,155)
```
#76f0a6
```
#76f0a6 rgb(118,240,166)
```
#88f2b2
```
#88f2b2 rgb(136,242,178)
```
#99f4bd
```
#99f4bd rgb(153,244,189)
```
#abf6c8
```
#abf6c8 rgb(171,246,200)
```
#bdf8d4
```
#bdf8d4 rgb(189,248,212)
```
#cefadf
```
#cefadf rgb(206,250,223)
```
#e0fceb
```
#e0fceb rgb(224,252,235)
```
#f2fef6
```
#f2fef6 rgb(242,254,246)
```

Tint Color Variation

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

#747c77
```
#747c77 rgb(116,124,119)
```
#6b8575
```
#6b8575 rgb(107,133,117)
```
#628e73
```
#628e73 rgb(98,142,115)
```
#599771
```
#599771 rgb(89,151,113)
```
#4fa170
```
#4fa170 rgb(79,161,112)
```
#46aa6e
```
#46aa6e rgb(70,170,110)
```
#3db36c
```
#3db36c rgb(61,179,108)
```
#34bc6a
```
#34bc6a rgb(52,188,106)
```
#2ac668
```
#2ac668 rgb(42,198,104)
```
#21cf66
```
#21cf66 rgb(33,207,102)
```
#18d864
```
#18d864 rgb(24,216,100)
```
#0fe162
```
#0fe162 rgb(15,225,98)
```
#06ea60
```
#06ea60 rgb(6,234,96)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#799f88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bf63 Protanopia 1% of men
#e6b778 Deuteranopia 1% of men
#66cddc Tritanopia 0.001% of the population

Trichromacy

#8ec863 Protanomaly 1% of men, 0.01% of women
#9bc371 Deuteranomaly 6% of men, 0.4% of women
#49d1b0 Tritanomaly 0.01% of the population

#18d864 hex color

#18d864 Color Information

#18d864 Color Conversion

Color Schemes with #18d864

Alternatives to #18d864

#18d864 Preview

Shades and Tints of #18d864

Tones of #18d864

Color Blindness Simulator