#18ff45 hex color

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

♥
- f
- t
- g
- R 9
- G 100
- B 27
RGB color chart
- C 91
- M 0
- Y 73
- K 0
CMYK color chart

● #18ff45 color description : Vivid lime green.

The hexadecimal color #18ff45 has RGB values of R:24, G:255, B:69 and CMYK values of C:0.91, M:0, Y:0.73, K:0. Its decimal value is 1638213.

Hex triplet	18ff45	`#18ff45`
RGB Decimal	24, 255, 69	`rgb(24,255,69)`
RGB Percent	9.4, 100, 27.1	`rgb(9.4%,100%,27.1%)`
CMYK	91, 0, 73, 0
HSL	131.7°, 100, 54.7	`hsl(131.7,100%,54.7%)`
HSV (or HSB)	131.7°, 90.6, 100
Web Safe	00ff33	`#00ff33`

CIE-LAB	88.036, -82.663, 70.439
XYZ	37.209, 72.14, 17.593
xyY	0.293, 0.568, 72.14
CIE-LCH	88.036, 108.604, 139.565
CIE-LUV	88.036, -81.093, 97.964
Hunter-Lab	84.935, -70.439, 47.173
Binary	00011000, 11111111, 01000101

#18ff45
```
#18ff45 rgb(24,255,69)
```
#ff18d2
```
#ff18d2 rgb(255,24,210)
```

Complementary Color

#5eff18
```
#5eff18 rgb(94,255,24)
```
#18ff45
```
#18ff45 rgb(24,255,69)
```
#18ffb9
```
#18ffb9 rgb(24,255,185)
```

Analogous Color

#ff185e
```
#ff185e rgb(255,24,94)
```
#18ff45
```
#18ff45 rgb(24,255,69)
```
#b918ff
```
#b918ff rgb(185,24,255)
```

Split Complementary Color

#ff4518
```
#ff4518 rgb(255,69,24)
```
#18ff45
```
#18ff45 rgb(24,255,69)
```
#4518ff
```
#4518ff rgb(69,24,255)
```

Triadic Color

#d2ff18
```
#d2ff18 rgb(210,255,24)
```
#18ff45
```
#18ff45 rgb(24,255,69)
```
#4518ff
```
#4518ff rgb(69,24,255)
```
#ff18d2
```
#ff18d2 rgb(255,24,210)
```

Tetradic Color

#00cb27
```
#00cb27 rgb(0,203,39)
```
#00e42c
```
#00e42c rgb(0,228,44)
```
#00fe31
```
#00fe31 rgb(0,254,49)
```
#18ff45
```
#18ff45 rgb(24,255,69)
```
#32ff5a
```
#32ff5a rgb(50,255,90)
```
#4bff6e
```
#4bff6e rgb(75,255,110)
```
#65ff83
```
#65ff83 rgb(101,255,131)
```

Monochromatic Color

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

#25ff18
```
#25ff18 rgb(37,255,24)
```
#18ff1f
```
#18ff1f rgb(24,255,31)
```
#18ff32
```
#18ff32 rgb(24,255,50)
```
#18ff45
```
#18ff45 rgb(24,255,69)
```
#18ff58
```
#18ff58 rgb(24,255,88)
```
#18ff6c
```
#18ff6c rgb(24,255,108)
```
#18ff7f
```
#18ff7f rgb(24,255,127)
```

Similar Colors

Text with hexadecimal color #18ff45

This text has a font color of #18ff45.

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

#18ff45 background color

This paragraph has a background color of #18ff45.

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

#18ff45 border color

This element has a border color of #18ff45.

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

CSS codes

.text {color:#18ff45;}

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

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

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

#000401
```
#000401 rgb(0,4,1)
```
#001805
```
#001805 rgb(0,24,5)
```
#002c08
```
#002c08 rgb(0,44,8)
```
#003f0c
```
#003f0c rgb(0,63,12)
```
#005310
```
#005310 rgb(0,83,16)
```
#006614
```
#006614 rgb(0,102,20)
```
#007a18
```
#007a18 rgb(0,122,24)
```
#008e1c
```
#008e1c rgb(0,142,28)
```
#00a11f
```
#00a11f rgb(0,161,31)
```
#00b523
```
#00b523 rgb(0,181,35)
```
#00c927
```
#00c927 rgb(0,201,39)
```
#00dc2b
```
#00dc2b rgb(0,220,43)
```
#00f02f
```
#00f02f rgb(0,240,47)
```

Shade Color Variation

#04ff35
```
#04ff35 rgb(4,255,53)
```
#18ff45
```
#18ff45 rgb(24,255,69)
```
#2cff55
```
#2cff55 rgb(44,255,85)
```
#3fff65
```
#3fff65 rgb(63,255,101)
```
#53ff74
```
#53ff74 rgb(83,255,116)
```
#66ff84
```
#66ff84 rgb(102,255,132)
```
#7aff94
```
#7aff94 rgb(122,255,148)
```
#8effa4
```
#8effa4 rgb(142,255,164)
```
#a1ffb4
```
#a1ffb4 rgb(161,255,180)
```
#b5ffc3
```
#b5ffc3 rgb(181,255,195)
```
#c9ffd3
```
#c9ffd3 rgb(201,255,211)
```
#dcffe3
```
#dcffe3 rgb(220,255,227)
```
#f0fff3
```
#f0fff3 rgb(240,255,243)
```

Tint Color Variation

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

#839486
```
#839486 rgb(131,148,134)
```
#7a9d81
```
#7a9d81 rgb(122,157,129)
```
#71a67b
```
#71a67b rgb(113,166,123)
```
#68af76
```
#68af76 rgb(104,175,118)
```
#5fb870
```
#5fb870 rgb(95,184,112)
```
#56c16b
```
#56c16b rgb(86,193,107)
```
#4dca66
```
#4dca66 rgb(77,202,102)
```
#44d360
```
#44d360 rgb(68,211,96)
```
#3cdb5b
```
#3cdb5b rgb(60,219,91)
```
#33e455
```
#33e455 rgb(51,228,85)
```
#2aed50
```
#2aed50 rgb(42,237,80)
```
#21f64a
```
#21f64a rgb(33,246,74)
```
#18ff45
```
#18ff45 rgb(24,255,69)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#89b792 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8de46 Protanopia 1% of men
#ffd8a5 Deuteranopia 1% of men
#81eeff Tritanopia 0.001% of the population

Trichromacy

#a6ea45 Protanomaly 1% of men, 0.01% of women
#abe682 Deuteranomaly 6% of men, 0.4% of women
#5bf4bb Tritanomaly 0.01% of the population

#18ff45 hex color

#18ff45 Color Information

#18ff45 Color Conversion

Color Schemes with #18ff45

Alternatives to #18ff45

#18ff45 Preview

Shades and Tints of #18ff45

Tones of #18ff45

Color Blindness Simulator