#18ff96 hex color

In a RGB color space, hex #18ff96 is composed of 9.4% red, 100% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 0% magenta, 41.2% yellow and 0% black. It has a hue angle of 152.7 degrees, a saturation of 100% and a lightness of 54.7%. #18ff96 color hex could be obtained by blending #30ffff with #00ff2d. Closest websafe color is: #00ff99.

♥
- f
- t
- g
- R 9
- G 100
- B 59
RGB color chart
- C 91
- M 0
- Y 41
- K 0
CMYK color chart

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

The hexadecimal color #18ff96 has RGB values of R:24, G:255, B:150 and CMYK values of C:0.91, M:0, Y:0.41, K:0. Its decimal value is 1638294.

Hex triplet	18ff96	`#18ff96`
RGB Decimal	24, 255, 150	`rgb(24,255,150)`
RGB Percent	9.4, 100, 58.8	`rgb(9.4%,100%,58.8%)`
CMYK	91, 0, 41, 0
HSL	152.7°, 100, 54.7	`hsl(152.7,100%,54.7%)`
HSV (or HSB)	152.7°, 90.6, 100
Web Safe	00ff99	`#00ff99`

CIE-LAB	88.881, -72.33, 36.494
XYZ	41.639, 73.912, 40.924
xyY	0.266, 0.472, 73.912
CIE-LCH	88.881, 81.015, 153.227
CIE-LUV	88.881, -77.43, 62.599
Hunter-Lab	85.972, -63.998, 31.957
Binary	00011000, 11111111, 10010110

#18ff96
```
#18ff96 rgb(24,255,150)
```
#ff1881
```
#ff1881 rgb(255,24,129)
```

Complementary Color

#18ff23
```
#18ff23 rgb(24,255,35)
```
#18ff96
```
#18ff96 rgb(24,255,150)
```
#18f5ff
```
#18f5ff rgb(24,245,255)
```

Analogous Color

#ff2318
```
#ff2318 rgb(255,35,24)
```
#18ff96
```
#18ff96 rgb(24,255,150)
```
#ff18f5
```
#ff18f5 rgb(255,24,245)
```

Split Complementary Color

#ff9618
```
#ff9618 rgb(255,150,24)
```
#18ff96
```
#18ff96 rgb(24,255,150)
```
#9618ff
```
#9618ff rgb(150,24,255)
```

Triadic Color

#81ff18
```
#81ff18 rgb(129,255,24)
```
#18ff96
```
#18ff96 rgb(24,255,150)
```
#9618ff
```
#9618ff rgb(150,24,255)
```
#ff1881
```
#ff1881 rgb(255,24,129)
```

Tetradic Color

#00cb6e
```
#00cb6e rgb(0,203,110)
```
#00e47c
```
#00e47c rgb(0,228,124)
```
#00fe8a
```
#00fe8a rgb(0,254,138)
```
#18ff96
```
#18ff96 rgb(24,255,150)
```
#32ffa2
```
#32ffa2 rgb(50,255,162)
```
#4bffad
```
#4bffad rgb(75,255,173)
```
#65ffb9
```
#65ffb9 rgb(101,255,185)
```

Monochromatic Color

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

#18ff5c
```
#18ff5c rgb(24,255,92)
```
#18ff70
```
#18ff70 rgb(24,255,112)
```
#18ff83
```
#18ff83 rgb(24,255,131)
```
#18ff96
```
#18ff96 rgb(24,255,150)
```
#18ffa9
```
#18ffa9 rgb(24,255,169)
```
#18ffbd
```
#18ffbd rgb(24,255,189)
```
#18ffd0
```
#18ffd0 rgb(24,255,208)
```

Similar Colors

Text with hexadecimal color #18ff96

This text has a font color of #18ff96.

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

#18ff96 background color

This paragraph has a background color of #18ff96.

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

#18ff96 border color

This element has a border color of #18ff96.

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

CSS codes

.text {color:#18ff96;}

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

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

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 #f0fff8 is the lightest one.

#000402
```
#000402 rgb(0,4,2)
```
#00180d
```
#00180d rgb(0,24,13)
```
#002c18
```
#002c18 rgb(0,44,24)
```
#003f22
```
#003f22 rgb(0,63,34)
```
#00532d
```
#00532d rgb(0,83,45)
```
#006638
```
#006638 rgb(0,102,56)
```
#007a43
```
#007a43 rgb(0,122,67)
```
#008e4d
```
#008e4d rgb(0,142,77)
```
#00a158
```
#00a158 rgb(0,161,88)
```
#00b563
```
#00b563 rgb(0,181,99)
```
#00c96d
```
#00c96d rgb(0,201,109)
```
#00dc78
```
#00dc78 rgb(0,220,120)
```
#00f083
```
#00f083 rgb(0,240,131)
```

Shade Color Variation

#04ff8d
```
#04ff8d rgb(4,255,141)
```
#18ff96
```
#18ff96 rgb(24,255,150)
```
#2cff9f
```
#2cff9f rgb(44,255,159)
```
#3fffa8
```
#3fffa8 rgb(63,255,168)
```
#53ffb1
```
#53ffb1 rgb(83,255,177)
```
#66ffba
```
#66ffba rgb(102,255,186)
```
#7affc3
```
#7affc3 rgb(122,255,195)
```
#8effcb
```
#8effcb rgb(142,255,203)
```
#a1ffd4
```
#a1ffd4 rgb(161,255,212)
```
#b5ffdd
```
#b5ffdd rgb(181,255,221)
```
#c9ffe6
```
#c9ffe6 rgb(201,255,230)
```
#dcffef
```
#dcffef rgb(220,255,239)
```
#f0fff8
```
#f0fff8 rgb(240,255,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83948c is the less saturated color, while #18ff96 is the most saturated one.

#83948c
```
#83948c rgb(131,148,140)
```
#7a9d8d
```
#7a9d8d rgb(122,157,141)
```
#71a68e
```
#71a68e rgb(113,166,142)
```
#68af8f
```
#68af8f rgb(104,175,143)
```
#5fb890
```
#5fb890 rgb(95,184,144)
```
#56c190
```
#56c190 rgb(86,193,144)
```
#4dca91
```
#4dca91 rgb(77,202,145)
```
#44d392
```
#44d392 rgb(68,211,146)
```
#3cdb93
```
#3cdb93 rgb(60,219,147)
```
#33e494
```
#33e494 rgb(51,228,148)
```
#2aed94
```
#2aed94 rgb(42,237,148)
```
#21f695
```
#21f695 rgb(33,246,149)
```
#18ff96
```
#18ff96 rgb(24,255,150)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#90bea9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4e090 Protanopia 1% of men
#ffdab9 Deuteranopia 1% of men
#8befff Tritanopia 0.001% of the population

Trichromacy

#a4eb92 Protanomaly 1% of men, 0.01% of women
#abe7ac Deuteranomaly 6% of men, 0.4% of women
#61f5d8 Tritanomaly 0.01% of the population

#18ff96 hex color

#18ff96 Color Information

#18ff96 Color Conversion

Color Schemes with #18ff96

Alternatives to #18ff96

#18ff96 Preview

Shades and Tints of #18ff96

Tones of #18ff96

Color Blindness Simulator