#18d670 hex color

In a RGB color space, hex #18d670 is composed of 9.4% red, 83.9% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 0% magenta, 47.7% yellow and 16.1% black. It has a hue angle of 147.8 degrees, a saturation of 79.8% and a lightness of 46.7%. #18d670 color hex could be obtained by blending #30ffe0 with #00ad00. Closest websafe color is: #00cc66.

♥
- f
- t
- g
- R 9
- G 84
- B 44
RGB color chart
- C 89
- M 0
- Y 48
- K 16
CMYK color chart

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

The hexadecimal color #18d670 has RGB values of R:24, G:214, B:112 and CMYK values of C:0.89, M:0, Y:0.48, K:0.16. Its decimal value is 1627760.

Hex triplet	18d670	`#18d670`
RGB Decimal	24, 214, 112	`rgb(24,214,112)`
RGB Percent	9.4, 83.9, 43.9	`rgb(9.4%,83.9%,43.9%)`
CMYK	89, 0, 48, 16
HSL	147.8°, 79.8, 46.7	`hsl(147.8,79.8%,46.7%)`
HSV (or HSB)	147.8°, 88.8, 83.9
Web Safe	00cc66	`#00cc66`

CIE-LAB	75.733, -65.319, 38.307
XYZ	27.346, 49.454, 23.433
xyY	0.273, 0.493, 49.454
CIE-LCH	75.733, 75.723, 149.61
CIE-LUV	75.733, -66.492, 60.916
Hunter-Lab	70.324, -53.655, 29.47
Binary	00011000, 11010110, 01110000

#18d670
```
#18d670 rgb(24,214,112)
```
#d6187e
```
#d6187e rgb(214,24,126)
```

Complementary Color

#1fd618
```
#1fd618 rgb(31,214,24)
```
#18d670
```
#18d670 rgb(24,214,112)
```
#18d6cf
```
#18d6cf rgb(24,214,207)
```

Analogous Color

#d6181f
```
#d6181f rgb(214,24,31)
```
#18d670
```
#18d670 rgb(24,214,112)
```
#cf18d6
```
#cf18d6 rgb(207,24,214)
```

Split Complementary Color

#d67018
```
#d67018 rgb(214,112,24)
```
#18d670
```
#18d670 rgb(24,214,112)
```
#7018d6
```
#7018d6 rgb(112,24,214)
```

Triadic Color

#7ed618
```
#7ed618 rgb(126,214,24)
```
#18d670
```
#18d670 rgb(24,214,112)
```
#7018d6
```
#7018d6 rgb(112,24,214)
```
#d6187e
```
#d6187e rgb(214,24,126)
```

Tetradic Color

#10914c
```
#10914c rgb(16,145,76)
```
#13a858
```
#13a858 rgb(19,168,88)
```
#15bf64
```
#15bf64 rgb(21,191,100)
```
#18d670
```
#18d670 rgb(24,214,112)
```
#21e67d
```
#21e67d rgb(33,230,125)
```
#38e98a
```
#38e98a rgb(56,233,138)
```
#4feb98
```
#4feb98 rgb(79,235,152)
```

Monochromatic Color

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

#18d641
```
#18d641 rgb(24,214,65)
```
#18d650
```
#18d650 rgb(24,214,80)
```
#18d660
```
#18d660 rgb(24,214,96)
```
#18d670
```
#18d670 rgb(24,214,112)
```
#18d680
```
#18d680 rgb(24,214,128)
```
#18d690
```
#18d690 rgb(24,214,144)
```
#18d6a0
```
#18d6a0 rgb(24,214,160)
```

Similar Colors

Text with hexadecimal color #18d670

This text has a font color of #18d670.

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

#18d670 background color

This paragraph has a background color of #18d670.

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

#18d670 border color

This element has a border color of #18d670.

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

CSS codes

.text {color:#18d670;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#02140a
```
#02140a rgb(2,20,10)
```
#042614
```
#042614 rgb(4,38,20)
```
#06371d
```
#06371d rgb(6,55,29)
```
#084926
```
#084926 rgb(8,73,38)
```
#0a5b2f
```
#0a5b2f rgb(10,91,47)
```
#0c6c39
```
#0c6c39 rgb(12,108,57)
```
#0e7e42
```
#0e7e42 rgb(14,126,66)
```
#108f4b
```
#108f4b rgb(16,143,75)
```
#12a154
```
#12a154 rgb(18,161,84)
```
#14b35e
```
#14b35e rgb(20,179,94)
```
#16c467
```
#16c467 rgb(22,196,103)
```
#18d670
```
#18d670 rgb(24,214,112)
```

Shade Color Variation

#1ce679
```
#1ce679 rgb(28,230,121)
```
#2ee884
```
#2ee884 rgb(46,232,132)
```
#3fea8e
```
#3fea8e rgb(63,234,142)
```
#51eb99
```
#51eb99 rgb(81,235,153)
```
#63eda3
```
#63eda3 rgb(99,237,163)
```
#74efad
```
#74efad rgb(116,239,173)
```
#86f1b8
```
#86f1b8 rgb(134,241,184)
```
#98f3c2
```
#98f3c2 rgb(152,243,194)
```
#a9f5cc
```
#a9f5cc rgb(169,245,204)
```
#bbf7d7
```
#bbf7d7 rgb(187,247,215)
```
#ccf9e1
```
#ccf9e1 rgb(204,249,225)
```
#defbec
```
#defbec rgb(222,251,236)
```
#f0fdf6
```
#f0fdf6 rgb(240,253,246)
```

Tint Color Variation

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

#747a77
```
#747a77 rgb(116,122,119)
```
#6a8476
```
#6a8476 rgb(106,132,118)
```
#618d75
```
#618d75 rgb(97,141,117)
```
#589675
```
#589675 rgb(88,150,117)
```
#4f9f74
```
#4f9f74 rgb(79,159,116)
```
#46a873
```
#46a873 rgb(70,168,115)
```
#3db173
```
#3db173 rgb(61,177,115)
```
#33bb72
```
#33bb72 rgb(51,187,114)
```
#2ac471
```
#2ac471 rgb(42,196,113)
```
#21cd71
```
#21cd71 rgb(33,205,113)
```
#18d670
```
#18d670 rgb(24,214,112)
```
#0fdf6f
```
#0fdf6f rgb(15,223,111)
```
#06e86f
```
#06e86f rgb(6,232,111)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7aa08b Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0be6e Protanopia 1% of men
#e2b683 Deuteranopia 1% of men
#63ccdb Tritanopia 0.001% of the population

Trichromacy

#8dc66e Protanomaly 1% of men, 0.01% of women
#98c17c Deuteranomaly 6% of men, 0.4% of women
#47d0b4 Tritanomaly 0.01% of the population

#18d670 hex color

#18d670 Color Information

#18d670 Color Conversion

Color Schemes with #18d670

Alternatives to #18d670

#18d670 Preview

Shades and Tints of #18d670

Tones of #18d670

Color Blindness Simulator