colorhexa.com

#18de31 hex color

In a RGB color space, hex #18de31 is composed of 9.4% red, 87.1% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 89.2% cyan, 0% magenta, 77.9% yellow and 12.9% black. It has a hue angle of 127.6 degrees, a saturation of 80.5% and a lightness of 48.2%. #18de31 color hex could be obtained by blending #30ff62 with #00bd00. Closest websafe color is: #00cc33.

- R 9
- G 87
- B 19
RGB color chart
- C 89
- M 0
- Y 78
- K 13
CMYK color chart

● #18de31 color description : Vivid lime green.

The hexadecimal color #18de31 has RGB values of R:24, G:222, B:49 and CMYK values of C:0.89, M:0, Y:0.78, K:0.13. Its decimal value is 1629745.

Hex triplet	18de31	`#18de31`
RGB Decimal	24, 222, 49	`rgb(24,222,49)`
RGB Percent	9.4, 87.1, 19.2	`rgb(9.4%,87.1%,19.2%)`
CMYK	89, 0, 78, 13
HSL	127.6°, 80.5, 48.2	`hsl(127.6,80.5%,48.2%)`
HSV (or HSB)	127.6°, 89.2, 87.1
Web Safe	00cc33	`#00cc33`

CIE-LAB	77.671, -74.865, 66.572
XYZ	27.051, 52.655, 11.643
xyY	0.296, 0.576, 52.655
CIE-LCH	77.671, 100.183, 138.356
CIE-LUV	77.671, -71.502, 88.861
Hunter-Lab	72.564, -60.445, 41.281
Binary	00011000, 11011110, 00110001

#18de31
```
#18de31 rgb(24,222,49)
```
#de18c5
```
#de18c5 rgb(222,24,197)
```

Complementary Color

#62de18
```
#62de18 rgb(98,222,24)
```
#18de31
```
#18de31 rgb(24,222,49)
```
#18de94
```
#18de94 rgb(24,222,148)
```

Analogous Color

#de1862
```
#de1862 rgb(222,24,98)
```
#18de31
```
#18de31 rgb(24,222,49)
```
#9418de
```
#9418de rgb(148,24,222)
```

Split Complementary Color

#de3118
```
#de3118 rgb(222,49,24)
```
#18de31
```
#18de31 rgb(24,222,49)
```
#3118de
```
#3118de rgb(49,24,222)
```

Triadic Color

#c5de18
```
#c5de18 rgb(197,222,24)
```
#18de31
```
#18de31 rgb(24,222,49)
```
#3118de
```
#3118de rgb(49,24,222)
```
#de18c5
```
#de18c5 rgb(222,24,197)
```

Tetradic Color

#119922
```
#119922 rgb(17,153,34)
```
#13b027
```
#13b027 rgb(19,176,39)
```
#16c72c
```
#16c72c rgb(22,199,44)
```
#18de31
```
#18de31 rgb(24,222,49)
```
#28e840
```
#28e840 rgb(40,232,64)
```
#3fea54
```
#3fea54 rgb(63,234,84)
```
#56ed69
```
#56ed69 rgb(86,237,105)
```

Monochromatic Color

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

#31de18
```
#31de18 rgb(49,222,24)
```
#20de18
```
#20de18 rgb(32,222,24)
```
#18de21
```
#18de21 rgb(24,222,33)
```
#18de31
```
#18de31 rgb(24,222,49)
```
#18de41
```
#18de41 rgb(24,222,65)
```
#18de52
```
#18de52 rgb(24,222,82)
```
#18de63
```
#18de63 rgb(24,222,99)
```

Similar Colors

Text with hexadecimal color #18de31

This text has a font color of #18de31.

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

#18de31 background color

This paragraph has a background color of #18de31.

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

#18de31 border color

This element has a border color of #18de31.

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

CSS codes

.text {color:#18de31;}

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

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

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

#010a02
```
#010a02 rgb(1,10,2)
```
#031b06
```
#031b06 rgb(3,27,6)
```
#052d0a
```
#052d0a rgb(5,45,10)
```
#073f0e
```
#073f0e rgb(7,63,14)
```
#095012
```
#095012 rgb(9,80,18)
```
#0b6216
```
#0b6216 rgb(11,98,22)
```
#0d741a
```
#0d741a rgb(13,116,26)
```
#0e851d
```
#0e851d rgb(14,133,29)
```
#109721
```
#109721 rgb(16,151,33)
```
#12a925
```
#12a925 rgb(18,169,37)
```
#14bb29
```
#14bb29 rgb(20,187,41)
```
#16cc2d
```
#16cc2d rgb(22,204,45)
```
#18de31
```
#18de31 rgb(24,222,49)
```

Shade Color Variation

#22e73b
```
#22e73b rgb(34,231,59)
```
#34e94b
```
#34e94b rgb(52,233,75)
```
#46eb5b
```
#46eb5b rgb(70,235,91)
```
#58ed6a
```
#58ed6a rgb(88,237,106)
```
#69ef7a
```
#69ef7a rgb(105,239,122)
```
#7bf18a
```
#7bf18a rgb(123,241,138)
```
#8df39a
```
#8df39a rgb(141,243,154)
```
#9ef5a9
```
#9ef5a9 rgb(158,245,169)
```
#b0f6b9
```
#b0f6b9 rgb(176,246,185)
```
#c2f8c9
```
#c2f8c9 rgb(194,248,201)
```
#d3fad8
```
#d3fad8 rgb(211,250,216)
```
#e5fce8
```
#e5fce8 rgb(229,252,232)
```
#f7fef8
```
#f7fef8 rgb(247,254,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777f78 is the less saturated color, while #05f123 is the most saturated one.

#777f78
```
#777f78 rgb(119,127,120)
```
#6d8971
```
#6d8971 rgb(109,137,113)
```
#64926a
```
#64926a rgb(100,146,106)
```
#5a9c63
```
#5a9c63 rgb(90,156,99)
```
#51a55b
```
#51a55b rgb(81,165,91)
```
#47af54
```
#47af54 rgb(71,175,84)
```
#3eb84d
```
#3eb84d rgb(62,184,77)
```
#34c246
```
#34c246 rgb(52,194,70)
```
#2bcb3f
```
#2bcb3f rgb(43,203,63)
```
#21d538
```
#21d538 rgb(33,213,56)
```
#18de31
```
#18de31 rgb(24,222,49)
```
#0fe72a
```
#0fe72a rgb(15,231,42)
```
#05f123
```
#05f123 rgb(5,241,35)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#779f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac334 Protanopia 1% of men
#f1ba4f Deuteranopia 1% of men
#6ed1e0 Tritanopia 0.001% of the population

Trichromacy

#93cd33 Protanomaly 1% of men, 0.01% of women
#a2c744 Deuteranomaly 6% of men, 0.4% of women
#4ed5a0 Tritanomaly 0.01% of the population