#18d18f hex color

In a RGB color space, hex #18d18f is composed of 9.4% red, 82% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 88.5% cyan, 0% magenta, 31.6% yellow and 18% black. It has a hue angle of 158.6 degrees, a saturation of 79.4% and a lightness of 45.7%. #18d18f color hex could be obtained by blending #30ffff with #00a31f. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 9
- G 82
- B 56
RGB color chart
- C 89
- M 0
- Y 32
- K 18
CMYK color chart

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

The hexadecimal color #18d18f has RGB values of R:24, G:209, B:143 and CMYK values of C:0.89, M:0, Y:0.32, K:0.18. Its decimal value is 1626511.

Hex triplet	18d18f	`#18d18f`
RGB Decimal	24, 209, 143	`rgb(24,209,143)`
RGB Percent	9.4, 82, 56.1	`rgb(9.4%,82%,56.1%)`
CMYK	89, 0, 32, 18
HSL	158.6°, 79.4, 45.7	`hsl(158.6,79.4%,45.7%)`
HSV (or HSB)	158.6°, 88.5, 82
Web Safe	00cc99	`#00cc99`

CIE-LAB	74.683, -57.657, 21.032
XYZ	28.133, 47.775, 33.724
xyY	0.257, 0.436, 47.775
CIE-LCH	74.683, 61.373, 159.959
CIE-LUV	74.683, -62.926, 38.788
Hunter-Lab	69.12, -48.307, 19.456
Binary	00011000, 11010001, 10001111

#18d18f
```
#18d18f rgb(24,209,143)
```
#d1185a
```
#d1185a rgb(209,24,90)
```

Complementary Color

#18d133
```
#18d133 rgb(24,209,51)
```
#18d18f
```
#18d18f rgb(24,209,143)
```
#18b7d1
```
#18b7d1 rgb(24,183,209)
```

Analogous Color

#d13318
```
#d13318 rgb(209,51,24)
```
#18d18f
```
#18d18f rgb(24,209,143)
```
#d118b7
```
#d118b7 rgb(209,24,183)
```

Split Complementary Color

#d18f18
```
#d18f18 rgb(209,143,24)
```
#18d18f
```
#18d18f rgb(24,209,143)
```
#8f18d1
```
#8f18d1 rgb(143,24,209)
```

Triadic Color

#5ad118
```
#5ad118 rgb(90,209,24)
```
#18d18f
```
#18d18f rgb(24,209,143)
```
#8f18d1
```
#8f18d1 rgb(143,24,209)
```
#d1185a
```
#d1185a rgb(209,24,90)
```

Tetradic Color

#108c60
```
#108c60 rgb(16,140,96)
```
#13a370
```
#13a370 rgb(19,163,112)
```
#15ba7f
```
#15ba7f rgb(21,186,127)
```
#18d18f
```
#18d18f rgb(24,209,143)
```
#1de59e
```
#1de59e rgb(29,229,158)
```
#34e8a8
```
#34e8a8 rgb(52,232,168)
```
#4beab2
```
#4beab2 rgb(75,234,178)
```

Monochromatic Color

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

#18d161
```
#18d161 rgb(24,209,97)
```
#18d170
```
#18d170 rgb(24,209,112)
```
#18d180
```
#18d180 rgb(24,209,128)
```
#18d18f
```
#18d18f rgb(24,209,143)
```
#18d19e
```
#18d19e rgb(24,209,158)
```
#18d1ae
```
#18d1ae rgb(24,209,174)
```
#18d1bd
```
#18d1bd rgb(24,209,189)
```

Similar Colors

Text with hexadecimal color #18d18f

This text has a font color of #18d18f.

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

#18d18f background color

This paragraph has a background color of #18d18f.

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

#18d18f border color

This element has a border color of #18d18f.

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

CSS codes

.text {color:#18d18f;}

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

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

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, #020f0b is the darkest color, while #fdfffe is the lightest one.

#020f0b
```
#020f0b rgb(2,15,11)
```
#042117
```
#042117 rgb(4,33,23)
```
#063323
```
#063323 rgb(6,51,35)
```
#08442f
```
#08442f rgb(8,68,47)
```
#0a563b
```
#0a563b rgb(10,86,59)
```
#0c6747
```
#0c6747 rgb(12,103,71)
```
#0e7953
```
#0e7953 rgb(14,121,83)
```
#108b5f
```
#108b5f rgb(16,139,95)
```
#129c6b
```
#129c6b rgb(18,156,107)
```
#14ae77
```
#14ae77 rgb(20,174,119)
```
#16bf83
```
#16bf83 rgb(22,191,131)
```
#18d18f
```
#18d18f rgb(24,209,143)
```
#1ae39b
```
#1ae39b rgb(26,227,155)
```

Shade Color Variation

#2ae7a3
```
#2ae7a3 rgb(42,231,163)
```
#3be9ab
```
#3be9ab rgb(59,233,171)
```
#4debb2
```
#4debb2 rgb(77,235,178)
```
#5fedba
```
#5fedba rgb(95,237,186)
```
#70efc1
```
#70efc1 rgb(112,239,193)
```
#82f1c9
```
#82f1c9 rgb(130,241,201)
```
#93f3d1
```
#93f3d1 rgb(147,243,209)
```
#a5f5d8
```
#a5f5d8 rgb(165,245,216)
```
#b6f7e0
```
#b6f7e0 rgb(182,247,224)
```
#c8f9e7
```
#c8f9e7 rgb(200,249,231)
```
#dafbef
```
#dafbef rgb(218,251,239)
```
#ebfdf7
```
#ebfdf7 rgb(235,253,247)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#727775
```
#727775 rgb(114,119,117)
```
#698078
```
#698078 rgb(105,128,120)
```
#60897a
```
#60897a rgb(96,137,122)
```
#57927d
```
#57927d rgb(87,146,125)
```
#4e9b80
```
#4e9b80 rgb(78,155,128)
```
#45a482
```
#45a482 rgb(69,164,130)
```
#3cad85
```
#3cad85 rgb(60,173,133)
```
#33b687
```
#33b687 rgb(51,182,135)
```
#2abf8a
```
#2abf8a rgb(42,191,138)
```
#21c88c
```
#21c88c rgb(33,200,140)
```
#18d18f
```
#18d18f rgb(24,209,143)
```
#0fda92
```
#0fda92 rgb(15,218,146)
```
#06e394
```
#06e394 rgb(6,227,148)
```

Tone Color Variation

Below, you can see how #18d18f 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
#7a9f91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9bb8a Protanopia 1% of men
#d6b49f Deuteranopia 1% of men
#59cad9 Tritanopia 0.001% of the population

Trichromacy

#88c38c Protanomaly 1% of men, 0.01% of women
#91bf99 Deuteranomaly 6% of men, 0.4% of women
#41ccbe Tritanomaly 0.01% of the population

#18d18f hex color

#18d18f Color Information

#18d18f Color Conversion

Color Schemes with #18d18f

Alternatives to #18d18f

#18d18f Preview

Shades and Tints of #18d18f

Tones of #18d18f

Color Blindness Simulator