#18f216 hex color

In a RGB color space, hex #18f216 is composed of 9.4% red, 94.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 0% magenta, 90.9% yellow and 5.1% black. It has a hue angle of 119.5 degrees, a saturation of 89.4% and a lightness of 51.8%. #18f216 color hex could be obtained by blending #30ff2c with #00e500. Closest websafe color is: #00ff00.

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

● #18f216 color description : Vivid lime green.

The hexadecimal color #18f216 has RGB values of R:24, G:242, B:22 and CMYK values of C:0.9, M:0, Y:0.91, K:0.05. Its decimal value is 1634838.

Hex triplet	18f216	`#18f216`
RGB Decimal	24, 242, 22	`rgb(24,242,22)`
RGB Percent	9.4, 94.9, 8.6	`rgb(9.4%,94.9%,8.6%)`
CMYK	90, 0, 91, 5
HSL	119.5°, 89.4, 51.8	`hsl(119.5,89.4%,51.8%)`
HSV (or HSB)	119.5°, 90.9, 94.9
Web Safe	00ff00	`#00ff00`

CIE-LAB	83.837, -81.514, 77.969
XYZ	32.272, 63.753, 11.364
xyY	0.301, 0.594, 63.753
CIE-LCH	83.837, 112.799, 136.273
CIE-LUV	83.837, -78.049, 101.062
Hunter-Lab	79.845, -67.583, 47.453
Binary	00011000, 11110010, 00010110

#18f216
```
#18f216 rgb(24,242,22)
```
#f016f2
```
#f016f2 rgb(240,22,242)
```

Complementary Color

#86f216
```
#86f216 rgb(134,242,22)
```
#18f216
```
#18f216 rgb(24,242,22)
```
#16f282
```
#16f282 rgb(22,242,130)
```

Analogous Color

#f21686
```
#f21686 rgb(242,22,134)
```
#18f216
```
#18f216 rgb(24,242,22)
```
#8216f2
```
#8216f2 rgb(130,22,242)
```

Split Complementary Color

#f21618
```
#f21618 rgb(242,22,24)
```
#18f216
```
#18f216 rgb(24,242,22)
```
#1618f2
```
#1618f2 rgb(22,24,242)
```

Triadic Color

#f2f016
```
#f2f016 rgb(242,240,22)
```
#18f216
```
#18f216 rgb(24,242,22)
```
#1618f2
```
#1618f2 rgb(22,24,242)
```
#f016f2
```
#f016f2 rgb(240,22,242)
```

Tetradic Color

#0bb20a
```
#0bb20a rgb(11,178,10)
```
#0dca0b
```
#0dca0b rgb(13,202,11)
```
#0fe20d
```
#0fe20d rgb(15,226,13)
```
#18f216
```
#18f216 rgb(24,242,22)
```
#30f32e
```
#30f32e rgb(48,243,46)
```
#48f546
```
#48f546 rgb(72,245,70)
```
#60f65e
```
#60f65e rgb(96,246,94)
```

Monochromatic Color

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

#4ff216
```
#4ff216 rgb(79,242,22)
```
#3df216
```
#3df216 rgb(61,242,22)
```
#2af216
```
#2af216 rgb(42,242,22)
```
#18f216
```
#18f216 rgb(24,242,22)
```
#16f226
```
#16f226 rgb(22,242,38)
```
#16f239
```
#16f239 rgb(22,242,57)
```
#16f24b
```
#16f24b rgb(22,242,75)
```

Similar Colors

Text with hexadecimal color #18f216

This text has a font color of #18f216.

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

#18f216 background color

This paragraph has a background color of #18f216.

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

#18f216 border color

This element has a border color of #18f216.

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

CSS codes

.text {color:#18f216;}

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

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

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

#010900
```
#010900 rgb(1,9,0)
```
#021b02
```
#021b02 rgb(2,27,2)
```
#032e03
```
#032e03 rgb(3,46,3)
```
#044004
```
#044004 rgb(4,64,4)
```
#055305
```
#055305 rgb(5,83,5)
```
#076506
```
#076506 rgb(7,101,6)
```
#087807
```
#087807 rgb(8,120,7)
```
#098b08
```
#098b08 rgb(9,139,8)
```
#0a9d09
```
#0a9d09 rgb(10,157,9)
```
#0bb00a
```
#0bb00a rgb(11,176,10)
```
#0dc20b
```
#0dc20b rgb(13,194,11)
```
#0ed50c
```
#0ed50c rgb(14,213,12)
```
#0fe70d
```
#0fe70d rgb(15,231,13)
```

Shade Color Variation

#18f216
```
#18f216 rgb(24,242,22)
```
#2af329
```
#2af329 rgb(42,243,41)
```
#3df43b
```
#3df43b rgb(61,244,59)
```
#4ff54e
```
#4ff54e rgb(79,245,78)
```
#62f660
```
#62f660 rgb(98,246,96)
```
#74f773
```
#74f773 rgb(116,247,115)
```
#87f885
```
#87f885 rgb(135,248,133)
```
#99f998
```
#99f998 rgb(153,249,152)
```
#abfaab
```
#abfaab rgb(171,250,171)
```
#befbbd
```
#befbbd rgb(190,251,189)
```
#d0fcd0
```
#d0fcd0 rgb(208,252,208)
```
#e3fde2
```
#e3fde2 rgb(227,253,226)
```
#f5fef5
```
#f5fef5 rgb(245,254,245)
```

Tint Color Variation

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

#7e8a7e
```
#7e8a7e rgb(126,138,126)
```
#759375
```
#759375 rgb(117,147,117)
```
#6c9d6b
```
#6c9d6b rgb(108,157,107)
```
#62a662
```
#62a662 rgb(98,166,98)
```
#59b058
```
#59b058 rgb(89,176,88)
```
#50b94f
```
#50b94f rgb(80,185,79)
```
#46c345
```
#46c345 rgb(70,195,69)
```
#3dcc3c
```
#3dcc3c rgb(61,204,60)
```
#34d632
```
#34d632 rgb(52,214,50)
```
#2bdf29
```
#2bdf29 rgb(43,223,41)
```
#21e91f
```
#21e91f rgb(33,233,31)
```
#18f216
```
#18f216 rgb(24,242,22)
```
#0ffb0d
```
#0ffb0d rgb(15,251,13)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#7eaa7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd315 Protanopia 1% of men
#ffcb71 Deuteranopia 1% of men
#78e2f3 Tritanopia 0.001% of the population

Trichromacy

#9fde15 Protanomaly 1% of men, 0.01% of women
#abd950 Deuteranomaly 6% of men, 0.4% of women
#55e8a2 Tritanomaly 0.01% of the population

#18f216 hex color

#18f216 Color Information

#18f216 Color Conversion

Color Schemes with #18f216

Alternatives to #18f216

#18f216 Preview

Shades and Tints of #18f216

Tones of #18f216

Color Blindness Simulator