#18d970 hex color

In a RGB color space, hex #18d970 is composed of 9.4% red, 85.1% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 0% magenta, 48.4% yellow and 14.9% black. It has a hue angle of 147.4 degrees, a saturation of 80.1% and a lightness of 47.3%. #18d970 color hex could be obtained by blending #30ffe0 with #00b300. Closest websafe color is: #00cc66.

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

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

The hexadecimal color #18d970 has RGB values of R:24, G:217, B:112 and CMYK values of C:0.89, M:0, Y:0.48, K:0.15. Its decimal value is 1628528.

Hex triplet	18d970	`#18d970`
RGB Decimal	24, 217, 112	`rgb(24,217,112)`
RGB Percent	9.4, 85.1, 43.9	`rgb(9.4%,85.1%,43.9%)`
CMYK	89, 0, 48, 15
HSL	147.4°, 80.1, 47.3	`hsl(147.4,80.1%,47.3%)`
HSV (or HSB)	147.4°, 88.9, 85.1
Web Safe	00cc66	`#00cc66`

CIE-LAB	76.671, -66.307, 39.49
XYZ	28.112, 50.987, 23.688
xyY	0.273, 0.496, 50.987
CIE-LCH	76.671, 77.176, 149.224
CIE-LUV	76.671, -67.466, 62.583
Hunter-Lab	71.405, -54.683, 30.314
Binary	00011000, 11011001, 01110000

#18d970
```
#18d970 rgb(24,217,112)
```
#d91881
```
#d91881 rgb(217,24,129)
```

Complementary Color

#20d918
```
#20d918 rgb(32,217,24)
```
#18d970
```
#18d970 rgb(24,217,112)
```
#18d9d1
```
#18d9d1 rgb(24,217,209)
```

Analogous Color

#d91821
```
#d91821 rgb(217,24,33)
```
#18d970
```
#18d970 rgb(24,217,112)
```
#d118d9
```
#d118d9 rgb(209,24,217)
```

Split Complementary Color

#d97018
```
#d97018 rgb(217,112,24)
```
#18d970
```
#18d970 rgb(24,217,112)
```
#7018d9
```
#7018d9 rgb(112,24,217)
```

Triadic Color

#81d918
```
#81d918 rgb(129,217,24)
```
#18d970
```
#18d970 rgb(24,217,112)
```
#7018d9
```
#7018d9 rgb(112,24,217)
```
#d91881
```
#d91881 rgb(217,24,129)
```

Tetradic Color

#10944c
```
#10944c rgb(16,148,76)
```
#13ab58
```
#13ab58 rgb(19,171,88)
```
#15c264
```
#15c264 rgb(21,194,100)
```
#18d970
```
#18d970 rgb(24,217,112)
```
#24e77d
```
#24e77d rgb(36,231,125)
```
#3be98a
```
#3be98a rgb(59,233,138)
```
#52ec98
```
#52ec98 rgb(82,236,152)
```

Monochromatic Color

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

#18d940
```
#18d940 rgb(24,217,64)
```
#18d950
```
#18d950 rgb(24,217,80)
```
#18d960
```
#18d960 rgb(24,217,96)
```
#18d970
```
#18d970 rgb(24,217,112)
```
#18d980
```
#18d980 rgb(24,217,128)
```
#18d990
```
#18d990 rgb(24,217,144)
```
#18d9a0
```
#18d9a0 rgb(24,217,160)
```

Similar Colors

Text with hexadecimal color #18d970

This text has a font color of #18d970.

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

#18d970 background color

This paragraph has a background color of #18d970.

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

#18d970 border color

This element has a border color of #18d970.

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

CSS codes

.text {color:#18d970;}

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

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

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

#010503
```
#010503 rgb(1,5,3)
```
#03170c
```
#03170c rgb(3,23,12)
```
#042815
```
#042815 rgb(4,40,21)
```
#063a1e
```
#063a1e rgb(6,58,30)
```
#084c27
```
#084c27 rgb(8,76,39)
```
#0a5d30
```
#0a5d30 rgb(10,93,48)
```
#0c6f39
```
#0c6f39 rgb(12,111,57)
```
#0e8142
```
#0e8142 rgb(14,129,66)
```
#10924c
```
#10924c rgb(16,146,76)
```
#12a455
```
#12a455 rgb(18,164,85)
```
#14b65e
```
#14b65e rgb(20,182,94)
```
#16c767
```
#16c767 rgb(22,199,103)
```
#18d970
```
#18d970 rgb(24,217,112)
```

Shade Color Variation

#1ee67a
```
#1ee67a rgb(30,230,122)
```
#30e884
```
#30e884 rgb(48,232,132)
```
#42ea8f
```
#42ea8f rgb(66,234,143)
```
#53ec99
```
#53ec99 rgb(83,236,153)
```
#65eea4
```
#65eea4 rgb(101,238,164)
```
#77f0ae
```
#77f0ae rgb(119,240,174)
```
#88f2b9
```
#88f2b9 rgb(136,242,185)
```
#9af4c3
```
#9af4c3 rgb(154,244,195)
```
#acf6ce
```
#acf6ce rgb(172,246,206)
```
#bdf8d8
```
#bdf8d8 rgb(189,248,216)
```
#cffae3
```
#cffae3 rgb(207,250,227)
```
#e1fced
```
#e1fced rgb(225,252,237)
```
#f2fef8
```
#f2fef8 rgb(242,254,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757c78 is the less saturated color, while #05ec6e is the most saturated one.

#757c78
```
#757c78 rgb(117,124,120)
```
#6b8677
```
#6b8677 rgb(107,134,119)
```
#628f77
```
#628f77 rgb(98,143,119)
```
#599876
```
#599876 rgb(89,152,118)
```
#50a175
```
#50a175 rgb(80,161,117)
```
#46ab74
```
#46ab74 rgb(70,171,116)
```
#3db473
```
#3db473 rgb(61,180,115)
```
#34bd72
```
#34bd72 rgb(52,189,114)
```
#2bc672
```
#2bc672 rgb(43,198,114)
```
#21d071
```
#21d071 rgb(33,208,113)
```
#18d970
```
#18d970 rgb(24,217,112)
```
#0fe26f
```
#0fe26f rgb(15,226,111)
```
#05ec6e
```
#05ec6e rgb(5,236,110)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#7aa18c Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c06e Protanopia 1% of men
#e5b883 Deuteranopia 1% of men
#64cfde Tritanopia 0.001% of the population

Trichromacy

#8fc96e Protanomaly 1% of men, 0.01% of women
#9ac47c Deuteranomaly 6% of men, 0.4% of women
#48d2b6 Tritanomaly 0.01% of the population

#18d970 hex color

#18d970 Color Information

#18d970 Color Conversion

Color Schemes with #18d970

Alternatives to #18d970

#18d970 Preview

Shades and Tints of #18d970

Tones of #18d970

Color Blindness Simulator