#18f350 hex color

In a RGB color space, hex #18f350 is composed of 9.4% red, 95.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 0% magenta, 67.1% yellow and 4.7% black. It has a hue angle of 135.3 degrees, a saturation of 90.1% and a lightness of 52.4%. #18f350 color hex could be obtained by blending #30ffa0 with #00e700. Closest websafe color is: #00ff66.

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

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

The hexadecimal color #18f350 has RGB values of R:24, G:243, B:80 and CMYK values of C:0.9, M:0, Y:0.67, K:0.05. Its decimal value is 1635152.

Hex triplet	18f350	`#18f350`
RGB Decimal	24, 243, 80	`rgb(24,243,80)`
RGB Percent	9.4, 95.3, 31.4	`rgb(9.4%,95.3%,31.4%)`
CMYK	90, 0, 67, 5
HSL	135.3°, 90.1, 52.4	`hsl(135.3,90.1%,52.4%)`
HSV (or HSB)	135.3°, 90.1, 95.3
Web Safe	00ff66	`#00ff66`

CIE-LAB	84.417, -78.338, 62.71
XYZ	33.873, 64.871, 18.325
xyY	0.289, 0.554, 64.871
CIE-LCH	84.417, 100.347, 141.323
CIE-LUV	84.417, -77.09, 89.399
Hunter-Lab	80.542, -65.879, 42.89
Binary	00011000, 11110011, 01010000

#18f350
```
#18f350 rgb(24,243,80)
```
#f318bb
```
#f318bb rgb(243,24,187)
```

Complementary Color

#4df318
```
#4df318 rgb(77,243,24)
```
#18f350
```
#18f350 rgb(24,243,80)
```
#18f3be
```
#18f3be rgb(24,243,190)
```

Analogous Color

#f3184d
```
#f3184d rgb(243,24,77)
```
#18f350
```
#18f350 rgb(24,243,80)
```
#be18f3
```
#be18f3 rgb(190,24,243)
```

Split Complementary Color

#f35018
```
#f35018 rgb(243,80,24)
```
#18f350
```
#18f350 rgb(24,243,80)
```
#5018f3
```
#5018f3 rgb(80,24,243)
```

Triadic Color

#bbf318
```
#bbf318 rgb(187,243,24)
```
#18f350
```
#18f350 rgb(24,243,80)
```
#5018f3
```
#5018f3 rgb(80,24,243)
```
#f318bb
```
#f318bb rgb(243,24,187)
```

Tetradic Color

#09b535
```
#09b535 rgb(9,181,53)
```
#0bcd3c
```
#0bcd3c rgb(11,205,60)
```
#0ce644
```
#0ce644 rgb(12,230,68)
```
#18f350
```
#18f350 rgb(24,243,80)
```
#30f462
```
#30f462 rgb(48,244,98)
```
#48f675
```
#48f675 rgb(72,246,117)
```
#61f787
```
#61f787 rgb(97,247,135)
```

Monochromatic Color

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

#18f319
```
#18f319 rgb(24,243,25)
```
#18f32c
```
#18f32c rgb(24,243,44)
```
#18f33e
```
#18f33e rgb(24,243,62)
```
#18f350
```
#18f350 rgb(24,243,80)
```
#18f362
```
#18f362 rgb(24,243,98)
```
#18f375
```
#18f375 rgb(24,243,117)
```
#18f387
```
#18f387 rgb(24,243,135)
```

Similar Colors

Text with hexadecimal color #18f350

This text has a font color of #18f350.

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

#18f350 background color

This paragraph has a background color of #18f350.

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

#18f350 border color

This element has a border color of #18f350.

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

CSS codes

.text {color:#18f350;}

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

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

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

#010b03
```
#010b03 rgb(1,11,3)
```
#021e09
```
#021e09 rgb(2,30,9)
```
#03310e
```
#03310e rgb(3,49,14)
```
#034314
```
#034314 rgb(3,67,20)
```
#045619
```
#045619 rgb(4,86,25)
```
#05691f
```
#05691f rgb(5,105,31)
```
#067b24
```
#067b24 rgb(6,123,36)
```
#078e2a
```
#078e2a rgb(7,142,42)
```
#08a12f
```
#08a12f rgb(8,161,47)
```
#09b335
```
#09b335 rgb(9,179,53)
```
#0ac63a
```
#0ac63a rgb(10,198,58)
```
#0bd940
```
#0bd940 rgb(11,217,64)
```
#0ceb45
```
#0ceb45 rgb(12,235,69)
```

Shade Color Variation

#18f350
```
#18f350 rgb(24,243,80)
```
#2bf45e
```
#2bf45e rgb(43,244,94)
```
#3df56c
```
#3df56c rgb(61,245,108)
```
#50f67a
```
#50f67a rgb(80,246,122)
```
#63f789
```
#63f789 rgb(99,247,137)
```
#75f897
```
#75f897 rgb(117,248,151)
```
#88f9a5
```
#88f9a5 rgb(136,249,165)
```
#9bfab3
```
#9bfab3 rgb(155,250,179)
```
#adfbc1
```
#adfbc1 rgb(173,251,193)
```
#c0fccf
```
#c0fccf rgb(192,252,207)
```
#d2fddd
```
#d2fddd rgb(210,253,221)
```
#e5feeb
```
#e5feeb rgb(229,254,235)
```
#f8fffa
```
#f8fffa rgb(248,255,250)
```

Tint Color Variation

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

#7f8c82
```
#7f8c82 rgb(127,140,130)
```
#75967e
```
#75967e rgb(117,150,126)
```
#6c9f79
```
#6c9f79 rgb(108,159,121)
```
#63a875
```
#63a875 rgb(99,168,117)
```
#59b270
```
#59b270 rgb(89,178,112)
```
#50bb6b
```
#50bb6b rgb(80,187,107)
```
#47c467
```
#47c467 rgb(71,196,103)
```
#3dce62
```
#3dce62 rgb(61,206,98)
```
#34d75e
```
#34d75e rgb(52,215,94)
```
#2be059
```
#2be059 rgb(43,224,89)
```
#21ea55
```
#21ea55 rgb(33,234,85)
```
#18f350
```
#18f350 rgb(24,243,80)
```
#0ffc4b
```
#0ffc4b rgb(15,252,75)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#84b08f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd550 Protanopia 1% of men
#ffcc80 Deuteranopia 1% of men
#75e4f5 Tritanopia 0.001% of the population

Trichromacy

#9fe050 Protanomaly 1% of men, 0.01% of women
#abda6e Deuteranomaly 6% of men, 0.4% of women
#53e9b9 Tritanomaly 0.01% of the population

#18f350 hex color

#18f350 Color Information

#18f350 Color Conversion

Color Schemes with #18f350

Alternatives to #18f350

#18f350 Preview

Shades and Tints of #18f350

Tones of #18f350

Color Blindness Simulator