#18bf50 hex color

In a RGB color space, hex #18bf50 is composed of 9.4% red, 74.9% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 0% magenta, 58.1% yellow and 25.1% black. It has a hue angle of 140.1 degrees, a saturation of 77.7% and a lightness of 42.2%. #18bf50 color hex could be obtained by blending #30ffa0 with #007f00. Closest websafe color is: #00cc66.

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

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

The hexadecimal color #18bf50 has RGB values of R:24, G:191, B:80 and CMYK values of C:0.87, M:0, Y:0.58, K:0.25. Its decimal value is 1621840.

Hex triplet	18bf50	`#18bf50`
RGB Decimal	24, 191, 80	`rgb(24,191,80)`
RGB Percent	9.4, 74.9, 31.4	`rgb(9.4%,74.9%,31.4%)`
CMYK	87, 0, 58, 25
HSL	140.1°, 77.7, 42.2	`hsl(140.1,77.7%,42.2%)`
HSV (or HSB)	140.1°, 87.4, 74.9
Web Safe	00cc66	`#00cc66`

CIE-LAB	68.045, -62.633, 44.316
XYZ	20.454, 38.033, 13.852
xyY	0.283, 0.526, 38.033
CIE-LCH	68.045, 76.725, 144.718
CIE-LUV	68.045, -60.582, 64.433
Hunter-Lab	61.671, -48.721, 29.852
Binary	00011000, 10111111, 01010000

#18bf50
```
#18bf50 rgb(24,191,80)
```
#bf1887
```
#bf1887 rgb(191,24,135)
```

Complementary Color

#34bf18
```
#34bf18 rgb(52,191,24)
```
#18bf50
```
#18bf50 rgb(24,191,80)
```
#18bfa4
```
#18bfa4 rgb(24,191,164)
```

Analogous Color

#bf1834
```
#bf1834 rgb(191,24,52)
```
#18bf50
```
#18bf50 rgb(24,191,80)
```
#a418bf
```
#a418bf rgb(164,24,191)
```

Split Complementary Color

#bf5018
```
#bf5018 rgb(191,80,24)
```
#18bf50
```
#18bf50 rgb(24,191,80)
```
#5018bf
```
#5018bf rgb(80,24,191)
```

Triadic Color

#87bf18
```
#87bf18 rgb(135,191,24)
```
#18bf50
```
#18bf50 rgb(24,191,80)
```
#5018bf
```
#5018bf rgb(80,24,191)
```
#bf1887
```
#bf1887 rgb(191,24,135)
```

Tetradic Color

#0f7b34
```
#0f7b34 rgb(15,123,52)
```
#12923d
```
#12923d rgb(18,146,61)
```
#15a847
```
#15a847 rgb(21,168,71)
```
#18bf50
```
#18bf50 rgb(24,191,80)
```
#1bd659
```
#1bd659 rgb(27,214,89)
```
#26e466
```
#26e466 rgb(38,228,102)
```
#3de776
```
#3de776 rgb(61,231,118)
```

Monochromatic Color

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

#18bf26
```
#18bf26 rgb(24,191,38)
```
#18bf34
```
#18bf34 rgb(24,191,52)
```
#18bf42
```
#18bf42 rgb(24,191,66)
```
#18bf50
```
#18bf50 rgb(24,191,80)
```
#18bf5e
```
#18bf5e rgb(24,191,94)
```
#18bf6c
```
#18bf6c rgb(24,191,108)
```
#18bf7a
```
#18bf7a rgb(24,191,122)
```

Similar Colors

Text with hexadecimal color #18bf50

This text has a font color of #18bf50.

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

#18bf50 background color

This paragraph has a background color of #18bf50.

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

#18bf50 border color

This element has a border color of #18bf50.

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

CSS codes

.text {color:#18bf50;}

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

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

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

#021107
```
#021107 rgb(2,17,7)
```
#04220e
```
#04220e rgb(4,34,14)
```
#063416
```
#063416 rgb(6,52,22)
```
#09451d
```
#09451d rgb(9,69,29)
```
#0b5624
```
#0b5624 rgb(11,86,36)
```
#0d682c
```
#0d682c rgb(13,104,44)
```
#0f7933
```
#0f7933 rgb(15,121,51)
```
#118b3a
```
#118b3a rgb(17,139,58)
```
#149c41
```
#149c41 rgb(20,156,65)
```
#16ae49
```
#16ae49 rgb(22,174,73)
```
#18bf50
```
#18bf50 rgb(24,191,80)
```
#1ad057
```
#1ad057 rgb(26,208,87)
```
#1ce25f
```
#1ce25f rgb(28,226,95)
```

Shade Color Variation

#2de56b
```
#2de56b rgb(45,229,107)
```
#3fe777
```
#3fe777 rgb(63,231,119)
```
#50e983
```
#50e983 rgb(80,233,131)
```
#61eb90
```
#61eb90 rgb(97,235,144)
```
#73ed9c
```
#73ed9c rgb(115,237,156)
```
#84f0a8
```
#84f0a8 rgb(132,240,168)
```
#96f2b5
```
#96f2b5 rgb(150,242,181)
```
#a7f4c1
```
#a7f4c1 rgb(167,244,193)
```
#b9f6cd
```
#b9f6cd rgb(185,246,205)
```
#caf8da
```
#caf8da rgb(202,248,218)
```
#dbfbe6
```
#dbfbe6 rgb(219,251,230)
```
#edfdf2
```
#edfdf2 rgb(237,253,242)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#6b6c6b
```
#6b6c6b rgb(107,108,107)
```
#627569
```
#627569 rgb(98,117,105)
```
#5a7d66
```
#5a7d66 rgb(90,125,102)
```
#528563
```
#528563 rgb(82,133,99)
```
#4a8d60
```
#4a8d60 rgb(74,141,96)
```
#41965e
```
#41965e rgb(65,150,94)
```
#399e5b
```
#399e5b rgb(57,158,91)
```
#31a658
```
#31a658 rgb(49,166,88)
```
#29ae55
```
#29ae55 rgb(41,174,85)
```
#20b753
```
#20b753 rgb(32,183,83)
```
#18bf50
```
#18bf50 rgb(24,191,80)
```
#10c74d
```
#10c74d rgb(16,199,77)
```
#07d04b
```
#07d04b rgb(7,208,75)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6b8d76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcaa51 Protanopia 1% of men
#cea364 Deuteranopia 1% of men
#5db7c4 Tritanopia 0.001% of the population

Trichromacy

#80b251 Protanomaly 1% of men, 0.01% of women
#8bad5d Deuteranomaly 6% of men, 0.4% of women
#43b99a Tritanomaly 0.01% of the population

#18bf50 hex color

#18bf50 Color Information

#18bf50 Color Conversion

Color Schemes with #18bf50

Alternatives to #18bf50

#18bf50 Preview

Shades and Tints of #18bf50

Tones of #18bf50

Color Blindness Simulator