#18f380 hex color

In a RGB color space, hex #18f380 is composed of 9.4% red, 95.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 0% magenta, 47.3% yellow and 4.7% black. It has a hue angle of 148.5 degrees, a saturation of 90.1% and a lightness of 52.4%. #18f380 color hex could be obtained by blending #30ffff with #00e701. Closest websafe color is: #00ff99.

♥
- f
- t
- g
- R 9
- G 95
- B 50
RGB color chart
- C 90
- M 0
- Y 47
- K 5
CMYK color chart

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

The hexadecimal color #18f380 has RGB values of R:24, G:243, B:128 and CMYK values of C:0.9, M:0, Y:0.47, K:0.05. Its decimal value is 1635200.

Hex triplet	18f380	`#18f380`
RGB Decimal	24, 243, 128	`rgb(24,243,128)`
RGB Percent	9.4, 95.3, 50.2	`rgb(9.4%,95.3%,50.2%)`
CMYK	90, 0, 47, 5
HSL	148.5°, 90.1, 52.4	`hsl(148.5,90.1%,52.4%)`
HSV (or HSB)	148.5°, 90.1, 95.3
Web Safe	00ff99	`#00ff99`

CIE-LAB	84.92, -72.164, 42.121
XYZ	36.321, 65.85, 31.217
xyY	0.272, 0.494, 65.85
CIE-LCH	84.92, 83.557, 149.728
CIE-LUV	84.92, -74.912, 68.328
Hunter-Lab	81.148, -62.114, 33.995
Binary	00011000, 11110011, 10000000

#18f380
```
#18f380 rgb(24,243,128)
```
#f3188b
```
#f3188b rgb(243,24,139)
```

Complementary Color

#1df318
```
#1df318 rgb(29,243,24)
```
#18f380
```
#18f380 rgb(24,243,128)
```
#18f3ee
```
#18f3ee rgb(24,243,238)
```

Analogous Color

#f3181e
```
#f3181e rgb(243,24,30)
```
#18f380
```
#18f380 rgb(24,243,128)
```
#ee18f3
```
#ee18f3 rgb(238,24,243)
```

Split Complementary Color

#f38018
```
#f38018 rgb(243,128,24)
```
#18f380
```
#18f380 rgb(24,243,128)
```
#8018f3
```
#8018f3 rgb(128,24,243)
```

Triadic Color

#8bf318
```
#8bf318 rgb(139,243,24)
```
#18f380
```
#18f380 rgb(24,243,128)
```
#8018f3
```
#8018f3 rgb(128,24,243)
```
#f3188b
```
#f3188b rgb(243,24,139)
```

Tetradic Color

#09b55b
```
#09b55b rgb(9,181,91)
```
#0bcd67
```
#0bcd67 rgb(11,205,103)
```
#0ce673
```
#0ce673 rgb(12,230,115)
```
#18f380
```
#18f380 rgb(24,243,128)
```
#30f48d
```
#30f48d rgb(48,244,141)
```
#48f69b
```
#48f69b rgb(72,246,155)
```
#61f7a8
```
#61f7a8 rgb(97,247,168)
```

Monochromatic Color

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

#18f349
```
#18f349 rgb(24,243,73)
```
#18f35c
```
#18f35c rgb(24,243,92)
```
#18f36e
```
#18f36e rgb(24,243,110)
```
#18f380
```
#18f380 rgb(24,243,128)
```
#18f392
```
#18f392 rgb(24,243,146)
```
#18f3a5
```
#18f3a5 rgb(24,243,165)
```
#18f3b7
```
#18f3b7 rgb(24,243,183)
```

Similar Colors

Text with hexadecimal color #18f380

This text has a font color of #18f380.

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

#18f380 background color

This paragraph has a background color of #18f380.

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

#18f380 border color

This element has a border color of #18f380.

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

CSS codes

.text {color:#18f380;}

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

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

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, #010b06 is the darkest color, while #f8fffb is the lightest one.

#010b06
```
#010b06 rgb(1,11,6)
```
#021e0f
```
#021e0f rgb(2,30,15)
```
#033118
```
#033118 rgb(3,49,24)
```
#034322
```
#034322 rgb(3,67,34)
```
#04562b
```
#04562b rgb(4,86,43)
```
#056935
```
#056935 rgb(5,105,53)
```
#067b3e
```
#067b3e rgb(6,123,62)
```
#078e47
```
#078e47 rgb(7,142,71)
```
#08a151
```
#08a151 rgb(8,161,81)
```
#09b35a
```
#09b35a rgb(9,179,90)
```
#0ac663
```
#0ac663 rgb(10,198,99)
```
#0bd96d
```
#0bd96d rgb(11,217,109)
```
#0ceb76
```
#0ceb76 rgb(12,235,118)
```

Shade Color Variation

#18f380
```
#18f380 rgb(24,243,128)
```
#2bf48a
```
#2bf48a rgb(43,244,138)
```
#3df595
```
#3df595 rgb(61,245,149)
```
#50f69f
```
#50f69f rgb(80,246,159)
```
#63f7a9
```
#63f7a9 rgb(99,247,169)
```
#75f8b3
```
#75f8b3 rgb(117,248,179)
```
#88f9be
```
#88f9be rgb(136,249,190)
```
#9bfac8
```
#9bfac8 rgb(155,250,200)
```
#adfbd2
```
#adfbd2 rgb(173,251,210)
```
#c0fcdc
```
#c0fcdc rgb(192,252,220)
```
#d2fde7
```
#d2fde7 rgb(210,253,231)
```
#e5fef1
```
#e5fef1 rgb(229,254,241)
```
#f8fffb
```
#f8fffb rgb(248,255,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8c85 is the less saturated color, while #0ffc80 is the most saturated one.

#7f8c85
```
#7f8c85 rgb(127,140,133)
```
#759685
```
#759685 rgb(117,150,133)
```
#6c9f84
```
#6c9f84 rgb(108,159,132)
```
#63a884
```
#63a884 rgb(99,168,132)
```
#59b283
```
#59b283 rgb(89,178,131)
```
#50bb83
```
#50bb83 rgb(80,187,131)
```
#47c482
```
#47c482 rgb(71,196,130)
```
#3dce82
```
#3dce82 rgb(61,206,130)
```
#34d781
```
#34d781 rgb(52,215,129)
```
#2be081
```
#2be081 rgb(43,224,129)
```
#21ea80
```
#21ea80 rgb(33,234,128)
```
#18f380
```
#18f380 rgb(24,243,128)
```
#0ffc80
```
#0ffc80 rgb(15,252,128)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#88b49d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead67c Protanopia 1% of men
#fecd94 Deuteranopia 1% of men
#6ee6f7 Tritanopia 0.001% of the population

Trichromacy

#9ee07d Protanomaly 1% of men, 0.01% of women
#aadb8c Deuteranomaly 6% of men, 0.4% of women
#4febcc Tritanomaly 0.01% of the population

#18f380 hex color

#18f380 Color Information

#18f380 Color Conversion

Color Schemes with #18f380

Alternatives to #18f380

#18f380 Preview

Shades and Tints of #18f380

Tones of #18f380

Color Blindness Simulator