#18ec68 hex color

In a RGB color space, hex #18ec68 is composed of 9.4% red, 92.5% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 0% magenta, 55.9% yellow and 7.5% black. It has a hue angle of 142.6 degrees, a saturation of 84.8% and a lightness of 51%. #18ec68 color hex could be obtained by blending #30ffd0 with #00d900. Closest websafe color is: #00ff66.

♥
- f
- t
- g
- R 9
- G 93
- B 41
RGB color chart
- C 90
- M 0
- Y 56
- K 7
CMYK color chart

● #18ec68 color description : Vivid cyan - lime green.

The hexadecimal color #18ec68 has RGB values of R:24, G:236, B:104 and CMYK values of C:0.9, M:0, Y:0.56, K:0.07. Its decimal value is 1633384.

Hex triplet	18ec68	`#18ec68`
RGB Decimal	24, 236, 104	`rgb(24,236,104)`
RGB Percent	9.4, 92.5, 40.8	`rgb(9.4%,92.5%,40.8%)`
CMYK	90, 0, 56, 7
HSL	142.6°, 84.8, 51	`hsl(142.6,84.8%,51%)`
HSV (or HSB)	142.6°, 89.8, 92.5
Web Safe	00ff66	`#00ff66`

CIE-LAB	82.476, -73.51, 50.377
XYZ	32.869, 61.181, 23.173
xyY	0.28, 0.522, 61.181
CIE-LCH	82.476, 89.116, 145.577
CIE-LUV	82.476, -73.934, 76.599
Hunter-Lab	78.218, -61.873, 37.188
Binary	00011000, 11101100, 01101000

#18ec68
```
#18ec68 rgb(24,236,104)
```
#ec189c
```
#ec189c rgb(236,24,156)
```

Complementary Color

#32ec18
```
#32ec18 rgb(50,236,24)
```
#18ec68
```
#18ec68 rgb(24,236,104)
```
#18ecd2
```
#18ecd2 rgb(24,236,210)
```

Analogous Color

#ec1832
```
#ec1832 rgb(236,24,50)
```
#18ec68
```
#18ec68 rgb(24,236,104)
```
#d218ec
```
#d218ec rgb(210,24,236)
```

Split Complementary Color

#ec6818
```
#ec6818 rgb(236,104,24)
```
#18ec68
```
#18ec68 rgb(24,236,104)
```
#6818ec
```
#6818ec rgb(104,24,236)
```

Triadic Color

#9cec18
```
#9cec18 rgb(156,236,24)
```
#18ec68
```
#18ec68 rgb(24,236,104)
```
#6818ec
```
#6818ec rgb(104,24,236)
```
#ec189c
```
#ec189c rgb(236,24,156)
```

Tetradic Color

#0eaa49
```
#0eaa49 rgb(14,170,73)
```
#10c153
```
#10c153 rgb(16,193,83)
```
#12d95d
```
#12d95d rgb(18,217,93)
```
#18ec68
```
#18ec68 rgb(24,236,104)
```
#30ee77
```
#30ee77 rgb(48,238,119)
```
#47f087
```
#47f087 rgb(71,240,135)
```
#5ff296
```
#5ff296 rgb(95,242,150)
```

Monochromatic Color

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

#18ec33
```
#18ec33 rgb(24,236,51)
```
#18ec45
```
#18ec45 rgb(24,236,69)
```
#18ec56
```
#18ec56 rgb(24,236,86)
```
#18ec68
```
#18ec68 rgb(24,236,104)
```
#18ec7a
```
#18ec7a rgb(24,236,122)
```
#18ec8b
```
#18ec8b rgb(24,236,139)
```
#18ec9d
```
#18ec9d rgb(24,236,157)
```

Similar Colors

Text with hexadecimal color #18ec68

This text has a font color of #18ec68.

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

#18ec68 background color

This paragraph has a background color of #18ec68.

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

#18ec68 border color

This element has a border color of #18ec68.

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

CSS codes

.text {color:#18ec68;}

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

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

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

#000502
```
#000502 rgb(0,5,2)
```
#02170a
```
#02170a rgb(2,23,10)
```
#032912
```
#032912 rgb(3,41,18)
```
#053b19
```
#053b19 rgb(5,59,25)
```
#064d21
```
#064d21 rgb(6,77,33)
```
#085f29
```
#085f29 rgb(8,95,41)
```
#097131
```
#097131 rgb(9,113,49)
```
#0b8338
```
#0b8338 rgb(11,131,56)
```
#0c9640
```
#0c9640 rgb(12,150,64)
```
#0ea848
```
#0ea848 rgb(14,168,72)
```
#0fba50
```
#0fba50 rgb(15,186,80)
```
#11cc57
```
#11cc57 rgb(17,204,87)
```
#12de5f
```
#12de5f rgb(18,222,95)
```

Shade Color Variation

#18ec68
```
#18ec68 rgb(24,236,104)
```
#2aed74
```
#2aed74 rgb(42,237,116)
```
#3cef80
```
#3cef80 rgb(60,239,128)
```
#4ef08c
```
#4ef08c rgb(78,240,140)
```
#60f297
```
#60f297 rgb(96,242,151)
```
#73f3a3
```
#73f3a3 rgb(115,243,163)
```
#85f5af
```
#85f5af rgb(133,245,175)
```
#97f6bb
```
#97f6bb rgb(151,246,187)
```
#a9f8c7
```
#a9f8c7 rgb(169,248,199)
```
#bbf9d3
```
#bbf9d3 rgb(187,249,211)
```
#cdfbde
```
#cdfbde rgb(205,251,222)
```
#dffcea
```
#dffcea rgb(223,252,234)
```
#f1fef6
```
#f1fef6 rgb(241,254,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828282 is the less saturated color, while #0ef666 is the most saturated one.

#828282
```
#828282 rgb(130,130,130)
```
#788c80
```
#788c80 rgb(120,140,128)
```
#6f957d
```
#6f957d rgb(111,149,125)
```
#659f7b
```
#659f7b rgb(101,159,123)
```
#5ba979
```
#5ba979 rgb(91,169,121)
```
#52b276
```
#52b276 rgb(82,178,118)
```
#48bc74
```
#48bc74 rgb(72,188,116)
```
#3ec671
```
#3ec671 rgb(62,198,113)
```
#35cf6f
```
#35cf6f rgb(53,207,111)
```
#2bd96d
```
#2bd96d rgb(43,217,109)
```
#22e26a
```
#22e26a rgb(34,226,106)
```
#18ec68
```
#18ec68 rgb(24,236,104)
```
#0ef666
```
#0ef666 rgb(14,246,102)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#83ae93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d066 Protanopia 1% of men
#fac67e Deuteranopia 1% of men
#6fdfef Tritanopia 0.001% of the population

Trichromacy

#9ada67 Protanomaly 1% of men, 0.01% of women
#a8d476 Deuteranomaly 6% of men, 0.4% of women
#4fe3be Tritanomaly 0.01% of the population

#18ec68 hex color

#18ec68 Color Information

#18ec68 Color Conversion

Color Schemes with #18ec68

Alternatives to #18ec68

#18ec68 Preview

Shades and Tints of #18ec68

Tones of #18ec68

Color Blindness Simulator