#18f345 hex color

In a RGB color space, hex #18f345 is composed of 9.4% red, 95.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 0% magenta, 71.6% yellow and 4.7% black. It has a hue angle of 132.3 degrees, a saturation of 90.1% and a lightness of 52.4%. #18f345 color hex could be obtained by blending #30ff8a with #00e700. Closest websafe color is: #00ff33.

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

● #18f345 color description : Vivid lime green.

The hexadecimal color #18f345 has RGB values of R:24, G:243, B:69 and CMYK values of C:0.9, M:0, Y:0.72, K:0.05. Its decimal value is 1635141.

Hex triplet	18f345	`#18f345`
RGB Decimal	24, 243, 69	`rgb(24,243,69)`
RGB Percent	9.4, 95.3, 27.1	`rgb(9.4%,95.3%,27.1%)`
CMYK	90, 0, 72, 5
HSL	132.3°, 90.1, 52.4	`hsl(132.3,90.1%,52.4%)`
HSV (or HSB)	132.3°, 90.1, 95.3
Web Safe	00ff33	`#00ff33`

CIE-LAB	84.34, -79.314, 66.681
XYZ	33.499, 64.721, 16.357
xyY	0.292, 0.565, 64.721
CIE-LCH	84.34, 103.62, 139.945
CIE-LUV	84.34, -77.444, 92.793
Hunter-Lab	80.45, -66.459, 44.26
Binary	00011000, 11110011, 01000101

#18f345
```
#18f345 rgb(24,243,69)
```
#f318c6
```
#f318c6 rgb(243,24,198)
```

Complementary Color

#58f318
```
#58f318 rgb(88,243,24)
```
#18f345
```
#18f345 rgb(24,243,69)
```
#18f3b3
```
#18f3b3 rgb(24,243,179)
```

Analogous Color

#f31859
```
#f31859 rgb(243,24,89)
```
#18f345
```
#18f345 rgb(24,243,69)
```
#b318f3
```
#b318f3 rgb(179,24,243)
```

Split Complementary Color

#f34518
```
#f34518 rgb(243,69,24)
```
#18f345
```
#18f345 rgb(24,243,69)
```
#4518f3
```
#4518f3 rgb(69,24,243)
```

Triadic Color

#c6f318
```
#c6f318 rgb(198,243,24)
```
#18f345
```
#18f345 rgb(24,243,69)
```
#4518f3
```
#4518f3 rgb(69,24,243)
```
#f318c6
```
#f318c6 rgb(243,24,198)
```

Tetradic Color

#09b52d
```
#09b52d rgb(9,181,45)
```
#0bcd33
```
#0bcd33 rgb(11,205,51)
```
#0ce639
```
#0ce639 rgb(12,230,57)
```
#18f345
```
#18f345 rgb(24,243,69)
```
#30f459
```
#30f459 rgb(48,244,89)
```
#48f66c
```
#48f66c rgb(72,246,108)
```
#61f780
```
#61f780 rgb(97,247,128)
```

Monochromatic Color

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

#22f318
```
#22f318 rgb(34,243,24)
```
#18f321
```
#18f321 rgb(24,243,33)
```
#18f333
```
#18f333 rgb(24,243,51)
```
#18f345
```
#18f345 rgb(24,243,69)
```
#18f357
```
#18f357 rgb(24,243,87)
```
#18f36a
```
#18f36a rgb(24,243,106)
```
#18f37c
```
#18f37c rgb(24,243,124)
```

Similar Colors

Text with hexadecimal color #18f345

This text has a font color of #18f345.

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

#18f345 background color

This paragraph has a background color of #18f345.

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

#18f345 border color

This element has a border color of #18f345.

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

CSS codes

.text {color:#18f345;}

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

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

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

#010b03
```
#010b03 rgb(1,11,3)
```
#021e07
```
#021e07 rgb(2,30,7)
```
#03310c
```
#03310c rgb(3,49,12)
```
#034311
```
#034311 rgb(3,67,17)
```
#045615
```
#045615 rgb(4,86,21)
```
#05691a
```
#05691a rgb(5,105,26)
```
#067b1e
```
#067b1e rgb(6,123,30)
```
#078e23
```
#078e23 rgb(7,142,35)
```
#08a128
```
#08a128 rgb(8,161,40)
```
#09b32c
```
#09b32c rgb(9,179,44)
```
#0ac631
```
#0ac631 rgb(10,198,49)
```
#0bd935
```
#0bd935 rgb(11,217,53)
```
#0ceb3a
```
#0ceb3a rgb(12,235,58)
```

Shade Color Variation

#18f345
```
#18f345 rgb(24,243,69)
```
#2bf454
```
#2bf454 rgb(43,244,84)
```
#3df563
```
#3df563 rgb(61,245,99)
```
#50f672
```
#50f672 rgb(80,246,114)
```
#63f781
```
#63f781 rgb(99,247,129)
```
#75f890
```
#75f890 rgb(117,248,144)
```
#88f99f
```
#88f99f rgb(136,249,159)
```
#9bfaae
```
#9bfaae rgb(155,250,174)
```
#adfbbd
```
#adfbbd rgb(173,251,189)
```
#c0fccc
```
#c0fccc rgb(192,252,204)
```
#d2fddb
```
#d2fddb rgb(210,253,219)
```
#e5feea
```
#e5feea rgb(229,254,234)
```
#f8fff9
```
#f8fff9 rgb(248,255,249)
```

Tint Color Variation

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

#7f8c82
```
#7f8c82 rgb(127,140,130)
```
#75967c
```
#75967c rgb(117,150,124)
```
#6c9f77
```
#6c9f77 rgb(108,159,119)
```
#63a871
```
#63a871 rgb(99,168,113)
```
#59b26c
```
#59b26c rgb(89,178,108)
```
#50bb66
```
#50bb66 rgb(80,187,102)
```
#47c461
```
#47c461 rgb(71,196,97)
```
#3dce5b
```
#3dce5b rgb(61,206,91)
```
#34d756
```
#34d756 rgb(52,215,86)
```
#2be050
```
#2be050 rgb(43,224,80)
```
#21ea4b
```
#21ea4b rgb(33,234,75)
```
#18f345
```
#18f345 rgb(24,243,69)
```
#0ffc3f
```
#0ffc3f rgb(15,252,63)
```

Tone Color Variation

Below, you can see how #18f345 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
#83af8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd546 Protanopia 1% of men
#ffcc7d Deuteranopia 1% of men
#76e4f4 Tritanopia 0.001% of the population

Trichromacy

#9fdf45 Protanomaly 1% of men, 0.01% of women
#abda68 Deuteranomaly 6% of men, 0.4% of women
#53e9b4 Tritanomaly 0.01% of the population

#18f345 hex color

#18f345 Color Information

#18f345 Color Conversion

Color Schemes with #18f345

Alternatives to #18f345

#18f345 Preview

Shades and Tints of #18f345

Tones of #18f345

Color Blindness Simulator