#18bd4f hex color

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

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

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

The hexadecimal color #18bd4f has RGB values of R:24, G:189, B:79 and CMYK values of C:0.87, M:0, Y:0.58, K:0.26. Its decimal value is 1621327.

Hex triplet	18bd4f	`#18bd4f`
RGB Decimal	24, 189, 79	`rgb(24,189,79)`
RGB Percent	9.4, 74.1, 31	`rgb(9.4%,74.1%,31%)`
CMYK	87, 0, 58, 26
HSL	140°, 77.5, 41.8	`hsl(140,77.5%,41.8%)`
HSV (or HSB)	140°, 87.3, 74.1
Web Safe	00cc66	`#00cc66`

CIE-LAB	67.391, -62.126, 44.013
XYZ	19.984, 37.152, 13.514
xyY	0.283, 0.526, 37.152
CIE-LCH	67.391, 76.136, 144.685
CIE-LUV	67.391, -59.968, 63.849
Hunter-Lab	60.952, -48.142, 29.521
Binary	00011000, 10111101, 01001111

#18bd4f
```
#18bd4f rgb(24,189,79)
```
#bd1886
```
#bd1886 rgb(189,24,134)
```

Complementary Color

#34bd18
```
#34bd18 rgb(52,189,24)
```
#18bd4f
```
#18bd4f rgb(24,189,79)
```
#18bda2
```
#18bda2 rgb(24,189,162)
```

Analogous Color

#bd1834
```
#bd1834 rgb(189,24,52)
```
#18bd4f
```
#18bd4f rgb(24,189,79)
```
#a218bd
```
#a218bd rgb(162,24,189)
```

Split Complementary Color

#bd4f18
```
#bd4f18 rgb(189,79,24)
```
#18bd4f
```
#18bd4f rgb(24,189,79)
```
#4f18bd
```
#4f18bd rgb(79,24,189)
```

Triadic Color

#86bd18
```
#86bd18 rgb(134,189,24)
```
#18bd4f
```
#18bd4f rgb(24,189,79)
```
#4f18bd
```
#4f18bd rgb(79,24,189)
```
#bd1886
```
#bd1886 rgb(189,24,134)
```

Tetradic Color

#0f7933
```
#0f7933 rgb(15,121,51)
```
#12903c
```
#12903c rgb(18,144,60)
```
#15a646
```
#15a646 rgb(21,166,70)
```
#18bd4f
```
#18bd4f rgb(24,189,79)
```
#1bd458
```
#1bd458 rgb(27,212,88)
```
#25e364
```
#25e364 rgb(37,227,100)
```
#3be674
```
#3be674 rgb(59,230,116)
```

Monochromatic Color

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

#18bd26
```
#18bd26 rgb(24,189,38)
```
#18bd33
```
#18bd33 rgb(24,189,51)
```
#18bd41
```
#18bd41 rgb(24,189,65)
```
#18bd4f
```
#18bd4f rgb(24,189,79)
```
#18bd5d
```
#18bd5d rgb(24,189,93)
```
#18bd6b
```
#18bd6b rgb(24,189,107)
```
#18bd78
```
#18bd78 rgb(24,189,120)
```

Similar Colors

Text with hexadecimal color #18bd4f

This text has a font color of #18bd4f.

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

#18bd4f background color

This paragraph has a background color of #18bd4f.

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

#18bd4f border color

This element has a border color of #18bd4f.

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

CSS codes

.text {color:#18bd4f;}

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

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

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)
```
#04200e
```
#04200e rgb(4,32,14)
```
#063215
```
#063215 rgb(6,50,21)
```
#09431c
```
#09431c rgb(9,67,28)
```
#0b5523
```
#0b5523 rgb(11,85,35)
```
#0d662b
```
#0d662b rgb(13,102,43)
```
#0f7732
```
#0f7732 rgb(15,119,50)
```
#118939
```
#118939 rgb(17,137,57)
```
#149a40
```
#149a40 rgb(20,154,64)
```
#16ac48
```
#16ac48 rgb(22,172,72)
```
#18bd4f
```
#18bd4f rgb(24,189,79)
```
#1ace56
```
#1ace56 rgb(26,206,86)
```
#1ce05e
```
#1ce05e rgb(28,224,94)
```

Shade Color Variation

#2ce469
```
#2ce469 rgb(44,228,105)
```
#3de676
```
#3de676 rgb(61,230,118)
```
#4ee982
```
#4ee982 rgb(78,233,130)
```
#60eb8e
```
#60eb8e rgb(96,235,142)
```
#71ed9b
```
#71ed9b rgb(113,237,155)
```
#83efa7
```
#83efa7 rgb(131,239,167)
```
#94f1b3
```
#94f1b3 rgb(148,241,179)
```
#a6f4c0
```
#a6f4c0 rgb(166,244,192)
```
#b7f6cc
```
#b7f6cc rgb(183,246,204)
```
#c8f8d8
```
#c8f8d8 rgb(200,248,216)
```
#dafae5
```
#dafae5 rgb(218,250,229)
```
#ebfcf1
```
#ebfcf1 rgb(235,252,241)
```
#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 #08cd4a is the most saturated one.

#6a6b6a
```
#6a6b6a rgb(106,107,106)
```
#627368
```
#627368 rgb(98,115,104)
```
#5a7b65
```
#5a7b65 rgb(90,123,101)
```
#518462
```
#518462 rgb(81,132,98)
```
#498c5f
```
#498c5f rgb(73,140,95)
```
#41945d
```
#41945d rgb(65,148,93)
```
#399c5a
```
#399c5a rgb(57,156,90)
```
#31a457
```
#31a457 rgb(49,164,87)
```
#28ad54
```
#28ad54 rgb(40,173,84)
```
#20b552
```
#20b552 rgb(32,181,82)
```
#18bd4f
```
#18bd4f rgb(24,189,79)
```
#10c54c
```
#10c54c rgb(16,197,76)
```
#08cd4a
```
#08cd4a rgb(8,205,74)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6a8b75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa850 Protanopia 1% of men
#cca163 Deuteranopia 1% of men
#5cb5c2 Tritanopia 0.001% of the population

Trichromacy

#7fb050 Protanomaly 1% of men, 0.01% of women
#8aab5c Deuteranomaly 6% of men, 0.4% of women
#43b898 Tritanomaly 0.01% of the population

#18bd4f hex color

#18bd4f Color Information

#18bd4f Color Conversion

Color Schemes with #18bd4f

Alternatives to #18bd4f

#18bd4f Preview

Shades and Tints of #18bd4f

Tones of #18bd4f

Color Blindness Simulator