colorhexa.com

#18ff1f hex color

In a RGB color space, hex #18ff1f is composed of 9.4% red, 100% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 0% magenta, 87.8% yellow and 0% black. It has a hue angle of 121.8 degrees, a saturation of 100% and a lightness of 54.7%. #18ff1f color hex could be obtained by blending #30ff3e with #00ff00. Closest websafe color is: #00ff33.

- R 9
- G 100
- B 12
RGB color chart
- C 91
- M 0
- Y 88
- K 0
CMYK color chart

● #18ff1f color description : Vivid lime green.

The hexadecimal color #18ff1f has RGB values of R:24, G:255, B:31 and CMYK values of C:0.91, M:0, Y:0.88, K:0. Its decimal value is 1638175.

Hex triplet	18ff1f	`#18ff1f`
RGB Decimal	24, 255, 31	`rgb(24,255,31)`
RGB Percent	9.4, 100, 12.2	`rgb(9.4%,100%,12.2%)`
CMYK	91, 0, 88, 0
HSL	121.8°, 100, 54.7	`hsl(121.8,100%,54.7%)`
HSV (or HSB)	121.8°, 90.6, 100
Web Safe	00ff33	`#00ff33`

CIE-LAB	87.877, -84.706, 80.015
XYZ	36.382, 71.809, 13.239
xyY	0.3, 0.591, 71.809
CIE-LCH	87.877, 116.522, 136.631
CIE-LUV	87.877, -81.851, 105.181
Hunter-Lab	84.74, -71.659, 50.055
Binary	00011000, 11111111, 00011111

#18ff1f
```
#18ff1f rgb(24,255,31)
```
#ff18f8
```
#ff18f8 rgb(255,24,248)
```

Complementary Color

#85ff18
```
#85ff18 rgb(133,255,24)
```
#18ff1f
```
#18ff1f rgb(24,255,31)
```
#18ff93
```
#18ff93 rgb(24,255,147)
```

Analogous Color

#ff1885
```
#ff1885 rgb(255,24,133)
```
#18ff1f
```
#18ff1f rgb(24,255,31)
```
#9318ff
```
#9318ff rgb(147,24,255)
```

Split Complementary Color

#ff1f18
```
#ff1f18 rgb(255,31,24)
```
#18ff1f
```
#18ff1f rgb(24,255,31)
```
#1f18ff
```
#1f18ff rgb(31,24,255)
```

Triadic Color

#f8ff18
```
#f8ff18 rgb(248,255,24)
```
#18ff1f
```
#18ff1f rgb(24,255,31)
```
#1f18ff
```
#1f18ff rgb(31,24,255)
```
#ff18f8
```
#ff18f8 rgb(255,24,248)
```

Tetradic Color

#00cb06
```
#00cb06 rgb(0,203,6)
```
#00e407
```
#00e407 rgb(0,228,7)
```
#00fe08
```
#00fe08 rgb(0,254,8)
```
#18ff1f
```
#18ff1f rgb(24,255,31)
```
#32ff38
```
#32ff38 rgb(50,255,56)
```
#4bff50
```
#4bff50 rgb(75,255,80)
```
#65ff69
```
#65ff69 rgb(101,255,105)
```

Monochromatic Color

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

#4bff18
```
#4bff18 rgb(75,255,24)
```
#37ff18
```
#37ff18 rgb(55,255,24)
```
#24ff18
```
#24ff18 rgb(36,255,24)
```
#18ff1f
```
#18ff1f rgb(24,255,31)
```
#18ff32
```
#18ff32 rgb(24,255,50)
```
#18ff46
```
#18ff46 rgb(24,255,70)
```
#18ff59
```
#18ff59 rgb(24,255,89)
```

Similar Colors

Text with hexadecimal color #18ff1f

This text has a font color of #18ff1f.

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

#18ff1f background color

This paragraph has a background color of #18ff1f.

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

#18ff1f border color

This element has a border color of #18ff1f.

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

CSS codes

.text {color:#18ff1f;}

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

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

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

#000400
```
#000400 rgb(0,4,0)
```
#001801
```
#001801 rgb(0,24,1)
```
#002c01
```
#002c01 rgb(0,44,1)
```
#003f02
```
#003f02 rgb(0,63,2)
```
#005303
```
#005303 rgb(0,83,3)
```
#006603
```
#006603 rgb(0,102,3)
```
#007a04
```
#007a04 rgb(0,122,4)
```
#008e04
```
#008e04 rgb(0,142,4)
```
#00a105
```
#00a105 rgb(0,161,5)
```
#00b505
```
#00b505 rgb(0,181,5)
```
#00c906
```
#00c906 rgb(0,201,6)
```
#00dc07
```
#00dc07 rgb(0,220,7)
```
#00f007
```
#00f007 rgb(0,240,7)
```

Shade Color Variation

#04ff0c
```
#04ff0c rgb(4,255,12)
```
#18ff1f
```
#18ff1f rgb(24,255,31)
```
#2cff32
```
#2cff32 rgb(44,255,50)
```
#3fff45
```
#3fff45 rgb(63,255,69)
```
#53ff58
```
#53ff58 rgb(83,255,88)
```
#66ff6b
```
#66ff6b rgb(102,255,107)
```
#7aff7e
```
#7aff7e rgb(122,255,126)
```
#8eff91
```
#8eff91 rgb(142,255,145)
```
#a1ffa4
```
#a1ffa4 rgb(161,255,164)
```
#b5ffb7
```
#b5ffb7 rgb(181,255,183)
```
#c9ffca
```
#c9ffca rgb(201,255,202)
```
#dcffdd
```
#dcffdd rgb(220,255,221)
```
#f0fff0
```
#f0fff0 rgb(240,255,240)
```

Tint Color Variation

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

#839483
```
#839483 rgb(131,148,131)
```
#7a9d7b
```
#7a9d7b rgb(122,157,123)
```
#71a672
```
#71a672 rgb(113,166,114)
```
#68af6a
```
#68af6a rgb(104,175,106)
```
#5fb862
```
#5fb862 rgb(95,184,98)
```
#56c159
```
#56c159 rgb(86,193,89)
```
#4dca51
```
#4dca51 rgb(77,202,81)
```
#44d349
```
#44d349 rgb(68,211,73)
```
#3cdb40
```
#3cdb40 rgb(60,219,64)
```
#33e438
```
#33e438 rgb(51,228,56)
```
#2aed30
```
#2aed30 rgb(42,237,48)
```
#21f627
```
#21f627 rgb(33,246,39)
```
#18ff1f
```
#18ff1f rgb(24,255,31)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#85b386 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9de1f Protanopia 1% of men
#ffd8a1 Deuteranopia 1% of men
#80edff Tritanopia 0.001% of the population

Trichromacy

#a7ea1f Protanomaly 1% of men, 0.01% of women
#abe672 Deuteranomaly 6% of men, 0.4% of women
#5af4ad Tritanomaly 0.01% of the population