#18fd80 hex color

In a RGB color space, hex #18fd80 is composed of 9.4% red, 99.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 0% magenta, 49.4% yellow and 0.8% black. It has a hue angle of 147.2 degrees, a saturation of 98.3% and a lightness of 54.3%. #18fd80 color hex could be obtained by blending #30ffff with #00fb01. Closest websafe color is: #00ff99.

♥
- f
- t
- g
- R 9
- G 99
- B 50
RGB color chart
- C 91
- M 0
- Y 49
- K 1
CMYK color chart

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

The hexadecimal color #18fd80 has RGB values of R:24, G:253, B:128 and CMYK values of C:0.91, M:0, Y:0.49, K:0.01. Its decimal value is 1637760.

Hex triplet	18fd80	`#18fd80`
RGB Decimal	24, 253, 128	`rgb(24,253,128)`
RGB Percent	9.4, 99.2, 50.2	`rgb(9.4%,99.2%,50.2%)`
CMYK	91, 0, 49, 1
HSL	147.2°, 98.3, 54.3	`hsl(147.2,98.3%,54.3%)`
HSV (or HSB)	147.2°, 90.5, 99.2
Web Safe	00ff99	`#00ff99`

CIE-LAB	87.968, -75.341, 45.949
XYZ	39.395, 71.999, 32.242
xyY	0.274, 0.501, 71.999
CIE-LCH	87.968, 88.247, 148.622
CIE-LUV	87.968, -78.062, 73.767
Hunter-Lab	84.852, -65.617, 36.868
Binary	00011000, 11111101, 10000000

#18fd80
```
#18fd80 rgb(24,253,128)
```
#fd1895
```
#fd1895 rgb(253,24,149)
```

Complementary Color

#23fd18
```
#23fd18 rgb(35,253,24)
```
#18fd80
```
#18fd80 rgb(24,253,128)
```
#18fdf3
```
#18fdf3 rgb(24,253,243)
```

Analogous Color

#fd1823
```
#fd1823 rgb(253,24,35)
```
#18fd80
```
#18fd80 rgb(24,253,128)
```
#f318fd
```
#f318fd rgb(243,24,253)
```

Split Complementary Color

#fd8018
```
#fd8018 rgb(253,128,24)
```
#18fd80
```
#18fd80 rgb(24,253,128)
```
#8018fd
```
#8018fd rgb(128,24,253)
```

Triadic Color

#95fd18
```
#95fd18 rgb(149,253,24)
```
#18fd80
```
#18fd80 rgb(24,253,128)
```
#8018fd
```
#8018fd rgb(128,24,253)
```
#fd1895
```
#fd1895 rgb(253,24,149)
```

Tetradic Color

#02c75b
```
#02c75b rgb(2,199,91)
```
#02e067
```
#02e067 rgb(2,224,103)
```
#02f972
```
#02f972 rgb(2,249,114)
```
#18fd80
```
#18fd80 rgb(24,253,128)
```
#31fd8e
```
#31fd8e rgb(49,253,142)
```
#4bfd9c
```
#4bfd9c rgb(75,253,156)
```
#64feaa
```
#64feaa rgb(100,254,170)
```

Monochromatic Color

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

#18fd47
```
#18fd47 rgb(24,253,71)
```
#18fd5a
```
#18fd5a rgb(24,253,90)
```
#18fd6d
```
#18fd6d rgb(24,253,109)
```
#18fd80
```
#18fd80 rgb(24,253,128)
```
#18fd93
```
#18fd93 rgb(24,253,147)
```
#18fda6
```
#18fda6 rgb(24,253,166)
```
#18fdb9
```
#18fdb9 rgb(24,253,185)
```

Similar Colors

Text with hexadecimal color #18fd80

This text has a font color of #18fd80.

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

#18fd80 background color

This paragraph has a background color of #18fd80.

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

#18fd80 border color

This element has a border color of #18fd80.

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

CSS codes

.text {color:#18fd80;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#00160a
```
#00160a rgb(0,22,10)
```
#002913
```
#002913 rgb(0,41,19)
```
#013d1c
```
#013d1c rgb(1,61,28)
```
#015025
```
#015025 rgb(1,80,37)
```
#01642e
```
#01642e rgb(1,100,46)
```
#017737
```
#017737 rgb(1,119,55)
```
#018a40
```
#018a40 rgb(1,138,64)
```
#019e48
```
#019e48 rgb(1,158,72)
```
#02b151
```
#02b151 rgb(2,177,81)
```
#02c55a
```
#02c55a rgb(2,197,90)
```
#02d863
```
#02d863 rgb(2,216,99)
```
#02ec6c
```
#02ec6c rgb(2,236,108)
```

Shade Color Variation

#05fd75
```
#05fd75 rgb(5,253,117)
```
#18fd80
```
#18fd80 rgb(24,253,128)
```
#2bfd8b
```
#2bfd8b rgb(43,253,139)
```
#3ffd95
```
#3ffd95 rgb(63,253,149)
```
#52fea0
```
#52fea0 rgb(82,254,160)
```
#66feab
```
#66feab rgb(102,254,171)
```
#79feb5
```
#79feb5 rgb(121,254,181)
```
#8dfec0
```
#8dfec0 rgb(141,254,192)
```
#a0fecb
```
#a0fecb rgb(160,254,203)
```
#b4fed6
```
#b4fed6 rgb(180,254,214)
```
#c7ffe0
```
#c7ffe0 rgb(199,255,224)
```
#daffeb
```
#daffeb rgb(218,255,235)
```
#eefff6
```
#eefff6 rgb(238,255,246)
```

Tint Color Variation

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

#84918a
```
#84918a rgb(132,145,138)
```
#7b9a89
```
#7b9a89 rgb(123,154,137)
```
#72a388
```
#72a388 rgb(114,163,136)
```
#69ac87
```
#69ac87 rgb(105,172,135)
```
#60b587
```
#60b587 rgb(96,181,135)
```
#57be86
```
#57be86 rgb(87,190,134)
```
#4ec785
```
#4ec785 rgb(78,199,133)
```
#45d084
```
#45d084 rgb(69,208,132)
```
#3cd983
```
#3cd983 rgb(60,217,131)
```
#33e282
```
#33e282 rgb(51,226,130)
```
#2aeb82
```
#2aeb82 rgb(42,235,130)
```
#21f481
```
#21f481 rgb(33,244,129)
```
#18fd80
```
#18fd80 rgb(24,253,128)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#8dbba2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4de7c Protanopia 1% of men
#ffd7ad Deuteranopia 1% of men
#7eeeff Tritanopia 0.001% of the population

Trichromacy

#a4e97d Protanomaly 1% of men, 0.01% of women
#abe59c Deuteranomaly 6% of men, 0.4% of women
#58f3d0 Tritanomaly 0.01% of the population

#18fd80 hex color

#18fd80 Color Information

#18fd80 Color Conversion

Color Schemes with #18fd80

Alternatives to #18fd80

#18fd80 Preview

Shades and Tints of #18fd80

Tones of #18fd80

Color Blindness Simulator