#18fa80 hex color

In a RGB color space, hex #18fa80 is composed of 9.4% red, 98% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 0% magenta, 48.8% yellow and 2% black. It has a hue angle of 147.6 degrees, a saturation of 95.8% and a lightness of 53.7%. #18fa80 color hex could be obtained by blending #30ffff with #00f501. Closest websafe color is: #00ff99.

♥
- f
- t
- g
- R 9
- G 98
- B 50
RGB color chart
- C 90
- M 0
- Y 49
- K 2
CMYK color chart

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

The hexadecimal color #18fa80 has RGB values of R:24, G:250, B:128 and CMYK values of C:0.9, M:0, Y:0.49, K:0.02. Its decimal value is 1636992.

Hex triplet	18fa80	`#18fa80`
RGB Decimal	24, 250, 128	`rgb(24,250,128)`
RGB Percent	9.4, 98, 50.2	`rgb(9.4%,98%,50.2%)`
CMYK	90, 0, 49, 2
HSL	147.6°, 95.8, 53.7	`hsl(147.6,95.8%,53.7%)`
HSV (or HSB)	147.6°, 90.4, 98
Web Safe	00ff99	`#00ff99`

CIE-LAB	87.056, -74.395, 44.809
XYZ	38.456, 70.12, 31.929
xyY	0.274, 0.499, 70.12
CIE-LCH	87.056, 86.848, 148.939
CIE-LUV	87.056, -77.121, 72.15
Hunter-Lab	83.737, -64.566, 36.009
Binary	00011000, 11111010, 10000000

#18fa80
```
#18fa80 rgb(24,250,128)
```
#fa1892
```
#fa1892 rgb(250,24,146)
```

Complementary Color

#21fa18
```
#21fa18 rgb(33,250,24)
```
#18fa80
```
#18fa80 rgb(24,250,128)
```
#18faf1
```
#18faf1 rgb(24,250,241)
```

Analogous Color

#fa1821
```
#fa1821 rgb(250,24,33)
```
#18fa80
```
#18fa80 rgb(24,250,128)
```
#f118fa
```
#f118fa rgb(241,24,250)
```

Split Complementary Color

#fa8018
```
#fa8018 rgb(250,128,24)
```
#18fa80
```
#18fa80 rgb(24,250,128)
```
#8018fa
```
#8018fa rgb(128,24,250)
```

Triadic Color

#92fa18
```
#92fa18 rgb(146,250,24)
```
#18fa80
```
#18fa80 rgb(24,250,128)
```
#8018fa
```
#8018fa rgb(128,24,250)
```
#fa1892
```
#fa1892 rgb(250,24,146)
```

Tetradic Color

#04c15b
```
#04c15b rgb(4,193,91)
```
#05da67
```
#05da67 rgb(5,218,103)
```
#05f373
```
#05f373 rgb(5,243,115)
```
#18fa80
```
#18fa80 rgb(24,250,128)
```
#31fb8e
```
#31fb8e rgb(49,251,142)
```
#4afb9b
```
#4afb9b rgb(74,251,155)
```
#63fca9
```
#63fca9 rgb(99,252,169)
```

Monochromatic Color

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

#18fa48
```
#18fa48 rgb(24,250,72)
```
#18fa5a
```
#18fa5a rgb(24,250,90)
```
#18fa6d
```
#18fa6d rgb(24,250,109)
```
#18fa80
```
#18fa80 rgb(24,250,128)
```
#18fa93
```
#18fa93 rgb(24,250,147)
```
#18faa6
```
#18faa6 rgb(24,250,166)
```
#18fab9
```
#18fab9 rgb(24,250,185)
```

Similar Colors

Text with hexadecimal color #18fa80

This text has a font color of #18fa80.

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

#18fa80 background color

This paragraph has a background color of #18fa80.

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

#18fa80 border color

This element has a border color of #18fa80.

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

CSS codes

.text {color:#18fa80;}

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

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

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

#001309
```
#001309 rgb(0,19,9)
```
#012612
```
#012612 rgb(1,38,18)
```
#01391b
```
#01391b rgb(1,57,27)
```
#024c24
```
#024c24 rgb(2,76,36)
```
#025f2d
```
#025f2d rgb(2,95,45)
```
#027336
```
#027336 rgb(2,115,54)
```
#03863f
```
#03863f rgb(3,134,63)
```
#039948
```
#039948 rgb(3,153,72)
```
#04ac51
```
#04ac51 rgb(4,172,81)
```
#04bf5a
```
#04bf5a rgb(4,191,90)
```
#05d363
```
#05d363 rgb(5,211,99)
```
#05e66c
```
#05e66c rgb(5,230,108)
```
#05f975
```
#05f975 rgb(5,249,117)
```

Shade Color Variation

#18fa80
```
#18fa80 rgb(24,250,128)
```
#2bfa8b
```
#2bfa8b rgb(43,250,139)
```
#3efb95
```
#3efb95 rgb(62,251,149)
```
#52fba0
```
#52fba0 rgb(82,251,160)
```
#65fcaa
```
#65fcaa rgb(101,252,170)
```
#78fcb5
```
#78fcb5 rgb(120,252,181)
```
#8bfcbf
```
#8bfcbf rgb(139,252,191)
```
#9efdca
```
#9efdca rgb(158,253,202)
```
#b2fdd4
```
#b2fdd4 rgb(178,253,212)
```
#c5fedf
```
#c5fedf rgb(197,254,223)
```
#d8feea
```
#d8feea rgb(216,254,234)
```
#ebfff4
```
#ebfff4 rgb(235,255,244)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#858d89
```
#858d89 rgb(133,141,137)
```
#7c9688
```
#7c9688 rgb(124,150,136)
```
#739f87
```
#739f87 rgb(115,159,135)
```
#6aa887
```
#6aa887 rgb(106,168,135)
```
#61b186
```
#61b186 rgb(97,177,134)
```
#58ba85
```
#58ba85 rgb(88,186,133)
```
#4ec484
```
#4ec484 rgb(78,196,132)
```
#45cd84
```
#45cd84 rgb(69,205,132)
```
#3cd683
```
#3cd683 rgb(60,214,131)
```
#33df82
```
#33df82 rgb(51,223,130)
```
#2ae881
```
#2ae881 rgb(42,232,129)
```
#21f181
```
#21f181 rgb(33,241,129)
```
#18fa80
```
#18fa80 rgb(24,250,128)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#8cb9a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1dc7c Protanopia 1% of men
#ffd4a5 Deuteranopia 1% of men
#72ecfe Tritanopia 0.001% of the population

Trichromacy

#a2e67d Protanomaly 1% of men, 0.01% of women
#abe298 Deuteranomaly 6% of men, 0.4% of women
#51f1d0 Tritanomaly 0.01% of the population

#18fa80 hex color

#18fa80 Color Information

#18fa80 Color Conversion

Color Schemes with #18fa80

Alternatives to #18fa80

#18fa80 Preview

Shades and Tints of #18fa80

Tones of #18fa80

Color Blindness Simulator