#18f228 hex color

In a RGB color space, hex #18f228 is composed of 9.4% red, 94.9% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 0% magenta, 83.5% yellow and 5.1% black. It has a hue angle of 124.4 degrees, a saturation of 89.3% and a lightness of 52.2%. #18f228 color hex could be obtained by blending #30ff50 with #00e500. Closest websafe color is: #00ff33.

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

● #18f228 color description : Vivid lime green.

The hexadecimal color #18f228 has RGB values of R:24, G:242, B:40 and CMYK values of C:0.9, M:0, Y:0.83, K:0.05. Its decimal value is 1634856.

Hex triplet	18f228	`#18f228`
RGB Decimal	24, 242, 40	`rgb(24,242,40)`
RGB Percent	9.4, 94.9, 15.7	`rgb(9.4%,94.9%,15.7%)`
CMYK	90, 0, 83, 5
HSL	124.4°, 89.3, 52.2	`hsl(124.4,89.3%,52.2%)`
HSV (or HSB)	124.4°, 90.1, 94.9
Web Safe	00ff33	`#00ff33`

CIE-LAB	83.887, -80.872, 74.711
XYZ	32.51, 63.848, 12.618
xyY	0.298, 0.586, 63.848
CIE-LCH	83.887, 110.1, 137.268
CIE-LUV	83.887, -77.811, 98.8
Hunter-Lab	79.905, -67.21, 46.571
Binary	00011000, 11110010, 00101000

#18f228
```
#18f228 rgb(24,242,40)
```
#f218e2
```
#f218e2 rgb(242,24,226)
```

Complementary Color

#75f218
```
#75f218 rgb(117,242,24)
```
#18f228
```
#18f228 rgb(24,242,40)
```
#18f295
```
#18f295 rgb(24,242,149)
```

Analogous Color

#f21875
```
#f21875 rgb(242,24,117)
```
#18f228
```
#18f228 rgb(24,242,40)
```
#9518f2
```
#9518f2 rgb(149,24,242)
```

Split Complementary Color

#f22818
```
#f22818 rgb(242,40,24)
```
#18f228
```
#18f228 rgb(24,242,40)
```
#2818f2
```
#2818f2 rgb(40,24,242)
```

Triadic Color

#e2f218
```
#e2f218 rgb(226,242,24)
```
#18f228
```
#18f228 rgb(24,242,40)
```
#2818f2
```
#2818f2 rgb(40,24,242)
```
#f218e2
```
#f218e2 rgb(242,24,226)
```

Tetradic Color

#0ab317
```
#0ab317 rgb(10,179,23)
```
#0bcc1a
```
#0bcc1a rgb(11,204,26)
```
#0de41d
```
#0de41d rgb(13,228,29)
```
#18f228
```
#18f228 rgb(24,242,40)
```
#30f33e
```
#30f33e rgb(48,243,62)
```
#48f555
```
#48f555 rgb(72,245,85)
```
#60f66b
```
#60f66b rgb(96,246,107)
```

Monochromatic Color

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

#3ff218
```
#3ff218 rgb(63,242,24)
```
#2cf218
```
#2cf218 rgb(44,242,24)
```
#1af218
```
#1af218 rgb(26,242,24)
```
#18f228
```
#18f228 rgb(24,242,40)
```
#18f23a
```
#18f23a rgb(24,242,58)
```
#18f24c
```
#18f24c rgb(24,242,76)
```
#18f25e
```
#18f25e rgb(24,242,94)
```

Similar Colors

Text with hexadecimal color #18f228

This text has a font color of #18f228.

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

#18f228 background color

This paragraph has a background color of #18f228.

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

#18f228 border color

This element has a border color of #18f228.

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

CSS codes

.text {color:#18f228;}

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

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

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

#010a01
```
#010a01 rgb(1,10,1)
```
#021d04
```
#021d04 rgb(2,29,4)
```
#033006
```
#033006 rgb(3,48,6)
```
#044208
```
#044208 rgb(4,66,8)
```
#05550b
```
#05550b rgb(5,85,11)
```
#06670d
```
#06670d rgb(6,103,13)
```
#077a0f
```
#077a0f rgb(7,122,15)
```
#088c12
```
#088c12 rgb(8,140,18)
```
#099f14
```
#099f14 rgb(9,159,20)
```
#0ab216
```
#0ab216 rgb(10,178,22)
```
#0bc419
```
#0bc419 rgb(11,196,25)
```
#0cd71b
```
#0cd71b rgb(12,215,27)
```
#0de91d
```
#0de91d rgb(13,233,29)
```

Shade Color Variation

#18f228
```
#18f228 rgb(24,242,40)
```
#2bf339
```
#2bf339 rgb(43,243,57)
```
#3df44b
```
#3df44b rgb(61,244,75)
```
#50f55c
```
#50f55c rgb(80,245,92)
```
#62f66d
```
#62f66d rgb(98,246,109)
```
#75f77e
```
#75f77e rgb(117,247,126)
```
#87f890
```
#87f890 rgb(135,248,144)
```
#9af9a1
```
#9af9a1 rgb(154,249,161)
```
#adfab2
```
#adfab2 rgb(173,250,178)
```
#bffbc4
```
#bffbc4 rgb(191,251,196)
```
#d2fcd5
```
#d2fcd5 rgb(210,252,213)
```
#e4fde6
```
#e4fde6 rgb(228,253,230)
```
#f7fff7
```
#f7fff7 rgb(247,255,247)
```

Tint Color Variation

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

#7f8b80
```
#7f8b80 rgb(127,139,128)
```
#769478
```
#769478 rgb(118,148,120)
```
#6c9e70
```
#6c9e70 rgb(108,158,112)
```
#63a768
```
#63a768 rgb(99,167,104)
```
#5ab060
```
#5ab060 rgb(90,176,96)
```
#50ba58
```
#50ba58 rgb(80,186,88)
```
#47c350
```
#47c350 rgb(71,195,80)
```
#3ecc48
```
#3ecc48 rgb(62,204,72)
```
#34d640
```
#34d640 rgb(52,214,64)
```
#2bdf38
```
#2bdf38 rgb(43,223,56)
```
#21e930
```
#21e930 rgb(33,233,48)
```
#18f228
```
#18f228 rgb(24,242,40)
```
#0ffb20
```
#0ffb20 rgb(15,251,32)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#80ac83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd32a Protanopia 1% of men
#ffcb73 Deuteranopia 1% of men
#77e2f3 Tritanopia 0.001% of the population

Trichromacy

#9fde29 Protanomaly 1% of men, 0.01% of women
#abd957 Deuteranomaly 6% of men, 0.4% of women
#54e8a9 Tritanomaly 0.01% of the population

#18f228 hex color

#18f228 Color Information

#18f228 Color Conversion

Color Schemes with #18f228

Alternatives to #18f228

#18f228 Preview

Shades and Tints of #18f228

Tones of #18f228

Color Blindness Simulator