#18fc96 hex color

In a RGB color space, hex #18fc96 is composed of 9.4% red, 98.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 0% magenta, 40.5% yellow and 1.2% black. It has a hue angle of 153.2 degrees, a saturation of 97.4% and a lightness of 54.1%. #18fc96 color hex could be obtained by blending #30ffff with #00f92d. Closest websafe color is: #00ff99.

♥
- f
- t
- g
- R 9
- G 99
- B 59
RGB color chart
- C 90
- M 0
- Y 40
- K 1
CMYK color chart

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

The hexadecimal color #18fc96 has RGB values of R:24, G:252, B:150 and CMYK values of C:0.9, M:0, Y:0.4, K:0.01. Its decimal value is 1637526.

Hex triplet	18fc96	`#18fc96`
RGB Decimal	24, 252, 150	`rgb(24,252,150)`
RGB Percent	9.4, 98.8, 58.8	`rgb(9.4%,98.8%,58.8%)`
CMYK	90, 0, 40, 1
HSL	153.2°, 97.4, 54.1	`hsl(153.2,97.4%,54.1%)`
HSV (or HSB)	153.2°, 90.5, 98.8
Web Safe	00ff99	`#00ff99`

CIE-LAB	87.975, -71.333, 35.305
XYZ	40.689, 72.013, 40.608
xyY	0.265, 0.47, 72.013
CIE-LCH	87.975, 79.592, 153.668
CIE-LUV	87.975, -76.477, 60.843
Hunter-Lab	84.86, -62.918, 31.03
Binary	00011000, 11111100, 10010110

#18fc96
```
#18fc96 rgb(24,252,150)
```
#fc187e
```
#fc187e rgb(252,24,126)
```

Complementary Color

#18fc24
```
#18fc24 rgb(24,252,36)
```
#18fc96
```
#18fc96 rgb(24,252,150)
```
#18f0fc
```
#18f0fc rgb(24,240,252)
```

Analogous Color

#fc2418
```
#fc2418 rgb(252,36,24)
```
#18fc96
```
#18fc96 rgb(24,252,150)
```
#fc18f0
```
#fc18f0 rgb(252,24,240)
```

Split Complementary Color

#fc9618
```
#fc9618 rgb(252,150,24)
```
#18fc96
```
#18fc96 rgb(24,252,150)
```
#9618fc
```
#9618fc rgb(150,24,252)
```

Triadic Color

#7efc18
```
#7efc18 rgb(126,252,24)
```
#18fc96
```
#18fc96 rgb(24,252,150)
```
#9618fc
```
#9618fc rgb(150,24,252)
```
#fc187e
```
#fc187e rgb(252,24,126)
```

Tetradic Color

#03c56e
```
#03c56e rgb(3,197,110)
```
#03de7c
```
#03de7c rgb(3,222,124)
```
#03f78a
```
#03f78a rgb(3,247,138)
```
#18fc96
```
#18fc96 rgb(24,252,150)
```
#31fca1
```
#31fca1 rgb(49,252,161)
```
#4afdad
```
#4afdad rgb(74,253,173)
```
#64fdb8
```
#64fdb8 rgb(100,253,184)
```

Monochromatic Color

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

#18fc5d
```
#18fc5d rgb(24,252,93)
```
#18fc70
```
#18fc70 rgb(24,252,112)
```
#18fc83
```
#18fc83 rgb(24,252,131)
```
#18fc96
```
#18fc96 rgb(24,252,150)
```
#18fca9
```
#18fca9 rgb(24,252,169)
```
#18fcbc
```
#18fcbc rgb(24,252,188)
```
#18fccf
```
#18fccf rgb(24,252,207)
```

Similar Colors

Text with hexadecimal color #18fc96

This text has a font color of #18fc96.

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

#18fc96 background color

This paragraph has a background color of #18fc96.

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

#18fc96 border color

This element has a border color of #18fc96.

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

CSS codes

.text {color:#18fc96;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#00150c
```
#00150c rgb(0,21,12)
```
#012816
```
#012816 rgb(1,40,22)
```
#013b21
```
#013b21 rgb(1,59,33)
```
#014f2c
```
#014f2c rgb(1,79,44)
```
#016237
```
#016237 rgb(1,98,55)
```
#027642
```
#027642 rgb(2,118,66)
```
#02894c
```
#02894c rgb(2,137,76)
```
#029c57
```
#029c57 rgb(2,156,87)
```
#02b062
```
#02b062 rgb(2,176,98)
```
#03c36d
```
#03c36d rgb(3,195,109)
```
#03d678
```
#03d678 rgb(3,214,120)
```
#03ea83
```
#03ea83 rgb(3,234,131)
```

Shade Color Variation

#05fc8d
```
#05fc8d rgb(5,252,141)
```
#18fc96
```
#18fc96 rgb(24,252,150)
```
#2bfc9f
```
#2bfc9f rgb(43,252,159)
```
#3ffda8
```
#3ffda8 rgb(63,253,168)
```
#52fdb0
```
#52fdb0 rgb(82,253,176)
```
#65fdb9
```
#65fdb9 rgb(101,253,185)
```
#79fdc2
```
#79fdc2 rgb(121,253,194)
```
#8cfecb
```
#8cfecb rgb(140,254,203)
```
#a0fed4
```
#a0fed4 rgb(160,254,212)
```
#b3fedc
```
#b3fedc rgb(179,254,220)
```
#c6fee5
```
#c6fee5 rgb(198,254,229)
```
#daffee
```
#daffee rgb(218,255,238)
```
#edfff7
```
#edfff7 rgb(237,255,247)
```

Tint Color Variation

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

#84908b
```
#84908b rgb(132,144,139)
```
#7b998c
```
#7b998c rgb(123,153,140)
```
#72a28d
```
#72a28d rgb(114,162,141)
```
#69ab8d
```
#69ab8d rgb(105,171,141)
```
#60b48e
```
#60b48e rgb(96,180,142)
```
#57bd8f
```
#57bd8f rgb(87,189,143)
```
#4ec690
```
#4ec690 rgb(78,198,144)
```
#45cf91
```
#45cf91 rgb(69,207,145)
```
#3cd892
```
#3cd892 rgb(60,216,146)
```
#33e193
```
#33e193 rgb(51,225,147)
```
#2aea94
```
#2aea94 rgb(42,234,148)
```
#21f395
```
#21f395 rgb(33,243,149)
```
#18fc96
```
#18fc96 rgb(24,252,150)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#8ebca8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1de90 Protanopia 1% of men
#ffd7b3 Deuteranopia 1% of men
#7ceeff Tritanopia 0.001% of the population

Trichromacy

#a2e992 Protanomaly 1% of men, 0.01% of women
#abe4a8 Deuteranomaly 6% of men, 0.4% of women
#58f3d8 Tritanomaly 0.01% of the population

#18fc96 hex color

#18fc96 Color Information

#18fc96 Color Conversion

Color Schemes with #18fc96

Alternatives to #18fc96

#18fc96 Preview

Shades and Tints of #18fc96

Tones of #18fc96

Color Blindness Simulator