#18fa22 hex color

In a RGB color space, hex #18fa22 is composed of 9.4% red, 98% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 0% magenta, 86.4% yellow and 2% black. It has a hue angle of 122.7 degrees, a saturation of 95.8% and a lightness of 53.7%. #18fa22 color hex could be obtained by blending #30ff44 with #00f500. Closest websafe color is: #00ff33.

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

● #18fa22 color description : Vivid lime green.

The hexadecimal color #18fa22 has RGB values of R:24, G:250, B:34 and CMYK values of C:0.9, M:0, Y:0.86, K:0.02. Its decimal value is 1636898.

Hex triplet	18fa22	`#18fa22`
RGB Decimal	24, 250, 34	`rgb(24,250,34)`
RGB Percent	9.4, 98, 13.3	`rgb(9.4%,98%,13.3%)`
CMYK	90, 0, 86, 2
HSL	122.7°, 95.8, 53.7	`hsl(122.7,95.8%,53.7%)`
HSV (or HSB)	122.7°, 90.4, 98
Web Safe	00ff33	`#00ff33`

CIE-LAB	86.344, -83.271, 78.143
XYZ	34.849, 68.677, 12.933
xyY	0.299, 0.59, 68.677
CIE-LCH	86.344, 114.195, 136.82
CIE-LUV	86.344, -80.316, 102.853
Hunter-Lab	82.872, -69.963, 48.758
Binary	00011000, 11111010, 00100010

#18fa22
```
#18fa22 rgb(24,250,34)
```
#fa18f0
```
#fa18f0 rgb(250,24,240)
```

Complementary Color

#7ffa18
```
#7ffa18 rgb(127,250,24)
```
#18fa22
```
#18fa22 rgb(24,250,34)
```
#18fa93
```
#18fa93 rgb(24,250,147)
```

Analogous Color

#fa187f
```
#fa187f rgb(250,24,127)
```
#18fa22
```
#18fa22 rgb(24,250,34)
```
#9318fa
```
#9318fa rgb(147,24,250)
```

Split Complementary Color

#fa2218
```
#fa2218 rgb(250,34,24)
```
#18fa22
```
#18fa22 rgb(24,250,34)
```
#2218fa
```
#2218fa rgb(34,24,250)
```

Triadic Color

#f0fa18
```
#f0fa18 rgb(240,250,24)
```
#18fa22
```
#18fa22 rgb(24,250,34)
```
#2218fa
```
#2218fa rgb(34,24,250)
```
#fa18f0
```
#fa18f0 rgb(250,24,240)
```

Tetradic Color

#04c10d
```
#04c10d rgb(4,193,13)
```
#05da0e
```
#05da0e rgb(5,218,14)
```
#05f310
```
#05f310 rgb(5,243,16)
```
#18fa22
```
#18fa22 rgb(24,250,34)
```
#31fb3a
```
#31fb3a rgb(49,251,58)
```
#4afb52
```
#4afb52 rgb(74,251,82)
```
#63fc6a
```
#63fc6a rgb(99,252,106)
```

Monochromatic Color

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

#46fa18
```
#46fa18 rgb(70,250,24)
```
#34fa18
```
#34fa18 rgb(52,250,24)
```
#21fa18
```
#21fa18 rgb(33,250,24)
```
#18fa22
```
#18fa22 rgb(24,250,34)
```
#18fa35
```
#18fa35 rgb(24,250,53)
```
#18fa48
```
#18fa48 rgb(24,250,72)
```
#18fa5b
```
#18fa5b rgb(24,250,91)
```

Similar Colors

Text with hexadecimal color #18fa22

This text has a font color of #18fa22.

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

#18fa22 background color

This paragraph has a background color of #18fa22.

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

#18fa22 border color

This element has a border color of #18fa22.

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

CSS codes

.text {color:#18fa22;}

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

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

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

#001301
```
#001301 rgb(0,19,1)
```
#012602
```
#012602 rgb(1,38,2)
```
#013904
```
#013904 rgb(1,57,4)
```
#024c05
```
#024c05 rgb(2,76,5)
```
#025f06
```
#025f06 rgb(2,95,6)
```
#027307
```
#027307 rgb(2,115,7)
```
#038609
```
#038609 rgb(3,134,9)
```
#03990a
```
#03990a rgb(3,153,10)
```
#04ac0b
```
#04ac0b rgb(4,172,11)
```
#04bf0c
```
#04bf0c rgb(4,191,12)
```
#05d30e
```
#05d30e rgb(5,211,14)
```
#05e60f
```
#05e60f rgb(5,230,15)
```
#05f910
```
#05f910 rgb(5,249,16)
```

Shade Color Variation

#18fa22
```
#18fa22 rgb(24,250,34)
```
#2bfa34
```
#2bfa34 rgb(43,250,52)
```
#3efb47
```
#3efb47 rgb(62,251,71)
```
#52fb59
```
#52fb59 rgb(82,251,89)
```
#65fc6b
```
#65fc6b rgb(101,252,107)
```
#78fc7e
```
#78fc7e rgb(120,252,126)
```
#8bfc90
```
#8bfc90 rgb(139,252,144)
```
#9efda3
```
#9efda3 rgb(158,253,163)
```
#b2fdb5
```
#b2fdb5 rgb(178,253,181)
```
#c5fec7
```
#c5fec7 rgb(197,254,199)
```
#d8feda
```
#d8feda rgb(216,254,218)
```
#ebffec
```
#ebffec rgb(235,255,236)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#858d85
```
#858d85 rgb(133,141,133)
```
#7c967d
```
#7c967d rgb(124,150,125)
```
#739f75
```
#739f75 rgb(115,159,117)
```
#6aa86c
```
#6aa86c rgb(106,168,108)
```
#61b164
```
#61b164 rgb(97,177,100)
```
#58ba5c
```
#58ba5c rgb(88,186,92)
```
#4ec454
```
#4ec454 rgb(78,196,84)
```
#45cd4b
```
#45cd4b rgb(69,205,75)
```
#3cd643
```
#3cd643 rgb(60,214,67)
```
#33df3b
```
#33df3b rgb(51,223,59)
```
#2ae833
```
#2ae833 rgb(42,232,51)
```
#21f12a
```
#21f12a rgb(33,241,42)
```
#18fa22
```
#18fa22 rgb(24,250,34)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#83b085 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4da23 Protanopia 1% of men
#ffd391 Deuteranopia 1% of men
#7be9fa Tritanopia 0.001% of the population

Trichromacy

#a4e523 Protanomaly 1% of men, 0.01% of women
#abe169 Deuteranomaly 6% of men, 0.4% of women
#57efab Tritanomaly 0.01% of the population

#18fa22 hex color

#18fa22 Color Information

#18fa22 Color Conversion

Color Schemes with #18fa22

Alternatives to #18fa22

#18fa22 Preview

Shades and Tints of #18fa22

Tones of #18fa22

Color Blindness Simulator