#18bd46 hex color

In a RGB color space, hex #18bd46 is composed of 9.4% red, 74.1% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 87.3% cyan, 0% magenta, 63% yellow and 25.9% black. It has a hue angle of 136.7 degrees, a saturation of 77.5% and a lightness of 41.8%. #18bd46 color hex could be obtained by blending #30ff8c with #007b00. Closest websafe color is: #00cc33.

♥
- f
- t
- g
- R 9
- G 74
- B 27
RGB color chart
- C 87
- M 0
- Y 63
- K 26
CMYK color chart

● #18bd46 color description : Strong cyan - lime green.

The hexadecimal color #18bd46 has RGB values of R:24, G:189, B:70 and CMYK values of C:0.87, M:0, Y:0.63, K:0.26. Its decimal value is 1621318.

Hex triplet	18bd46	`#18bd46`
RGB Decimal	24, 189, 70	`rgb(24,189,70)`
RGB Percent	9.4, 74.1, 27.5	`rgb(9.4%,74.1%,27.5%)`
CMYK	87, 0, 63, 26
HSL	136.7°, 77.5, 41.8	`hsl(136.7,77.5%,41.8%)`
HSV (or HSB)	136.7°, 87.3, 74.1
Web Safe	00cc33	`#00cc33`

CIE-LAB	67.299, -63.255, 47.985
XYZ	19.679, 37.029, 11.904
xyY	0.287, 0.54, 37.029
CIE-LCH	67.299, 79.396, 142.816
CIE-LUV	67.299, -60.347, 67.589
Hunter-Lab	60.852, -48.767, 30.998
Binary	00011000, 10111101, 01000110

#18bd46
```
#18bd46 rgb(24,189,70)
```
#bd188f
```
#bd188f rgb(189,24,143)
```

Complementary Color

#3dbd18
```
#3dbd18 rgb(61,189,24)
```
#18bd46
```
#18bd46 rgb(24,189,70)
```
#18bd99
```
#18bd99 rgb(24,189,153)
```

Analogous Color

#bd183d
```
#bd183d rgb(189,24,61)
```
#18bd46
```
#18bd46 rgb(24,189,70)
```
#9918bd
```
#9918bd rgb(153,24,189)
```

Split Complementary Color

#bd4618
```
#bd4618 rgb(189,70,24)
```
#18bd46
```
#18bd46 rgb(24,189,70)
```
#4618bd
```
#4618bd rgb(70,24,189)
```

Triadic Color

#8fbd18
```
#8fbd18 rgb(143,189,24)
```
#18bd46
```
#18bd46 rgb(24,189,70)
```
#4618bd
```
#4618bd rgb(70,24,189)
```
#bd188f
```
#bd188f rgb(189,24,143)
```

Tetradic Color

#0f792d
```
#0f792d rgb(15,121,45)
```
#129035
```
#129035 rgb(18,144,53)
```
#15a63e
```
#15a63e rgb(21,166,62)
```
#18bd46
```
#18bd46 rgb(24,189,70)
```
#1bd44e
```
#1bd44e rgb(27,212,78)
```
#25e35a
```
#25e35a rgb(37,227,90)
```
#3be66b
```
#3be66b rgb(59,230,107)
```

Monochromatic Color

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

#18bd1d
```
#18bd1d rgb(24,189,29)
```
#18bd2b
```
#18bd2b rgb(24,189,43)
```
#18bd38
```
#18bd38 rgb(24,189,56)
```
#18bd46
```
#18bd46 rgb(24,189,70)
```
#18bd54
```
#18bd54 rgb(24,189,84)
```
#18bd62
```
#18bd62 rgb(24,189,98)
```
#18bd6f
```
#18bd6f rgb(24,189,111)
```

Similar Colors

Text with hexadecimal color #18bd46

This text has a font color of #18bd46.

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

#18bd46 background color

This paragraph has a background color of #18bd46.

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

#18bd46 border color

This element has a border color of #18bd46.

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

CSS codes

.text {color:#18bd46;}

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

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

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, #020f06 is the darkest color, while #fdfffd is the lightest one.

#020f06
```
#020f06 rgb(2,15,6)
```
#04200c
```
#04200c rgb(4,32,12)
```
#063212
```
#063212 rgb(6,50,18)
```
#094319
```
#094319 rgb(9,67,25)
```
#0b551f
```
#0b551f rgb(11,85,31)
```
#0d6626
```
#0d6626 rgb(13,102,38)
```
#0f772c
```
#0f772c rgb(15,119,44)
```
#118933
```
#118933 rgb(17,137,51)
```
#149a39
```
#149a39 rgb(20,154,57)
```
#16ac40
```
#16ac40 rgb(22,172,64)
```
#18bd46
```
#18bd46 rgb(24,189,70)
```
#1ace4c
```
#1ace4c rgb(26,206,76)
```
#1ce053
```
#1ce053 rgb(28,224,83)
```

Shade Color Variation

#2ce45f
```
#2ce45f rgb(44,228,95)
```
#3de66c
```
#3de66c rgb(61,230,108)
```
#4ee979
```
#4ee979 rgb(78,233,121)
```
#60eb87
```
#60eb87 rgb(96,235,135)
```
#71ed94
```
#71ed94 rgb(113,237,148)
```
#83efa1
```
#83efa1 rgb(131,239,161)
```
#94f1ae
```
#94f1ae rgb(148,241,174)
```
#a6f4bb
```
#a6f4bb rgb(166,244,187)
```
#b7f6c8
```
#b7f6c8 rgb(183,246,200)
```
#c8f8d6
```
#c8f8d6 rgb(200,248,214)
```
#dafae3
```
#dafae3 rgb(218,250,227)
```
#ebfcf0
```
#ebfcf0 rgb(235,252,240)
```
#fdfffd
```
#fdfffd rgb(253,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6b6a is the less saturated color, while #08cd3f is the most saturated one.

#6a6b6a
```
#6a6b6a rgb(106,107,106)
```
#627367
```
#627367 rgb(98,115,103)
```
#5a7b63
```
#5a7b63 rgb(90,123,99)
```
#51845f
```
#51845f rgb(81,132,95)
```
#498c5c
```
#498c5c rgb(73,140,92)
```
#419458
```
#419458 rgb(65,148,88)
```
#399c54
```
#399c54 rgb(57,156,84)
```
#31a451
```
#31a451 rgb(49,164,81)
```
#28ad4d
```
#28ad4d rgb(40,173,77)
```
#20b54a
```
#20b54a rgb(32,181,74)
```
#18bd46
```
#18bd46 rgb(24,189,70)
```
#10c542
```
#10c542 rgb(16,197,66)
```
#08cd3f
```
#08cd3f rgb(8,205,63)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6a8b73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bba848 Protanopia 1% of men
#cda15c Deuteranopia 1% of men
#5db4c2 Tritanopia 0.001% of the population

Trichromacy

#7fb047 Protanomaly 1% of men, 0.01% of women
#8bab54 Deuteranomaly 6% of men, 0.4% of women
#44b794 Tritanomaly 0.01% of the population

#18bd46 hex color

#18bd46 Color Information

#18bd46 Color Conversion

Color Schemes with #18bd46

Alternatives to #18bd46

#18bd46 Preview

Shades and Tints of #18bd46

Tones of #18bd46

Color Blindness Simulator