#18bb70 hex color

In a RGB color space, hex #18bb70 is composed of 9.4% red, 73.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 0% magenta, 40.1% yellow and 26.7% black. It has a hue angle of 152.4 degrees, a saturation of 77.3% and a lightness of 41.4%. #18bb70 color hex could be obtained by blending #30ffe0 with #007700. Closest websafe color is: #00cc66.

♥
- f
- t
- g
- R 9
- G 73
- B 44
RGB color chart
- C 87
- M 0
- Y 40
- K 27
CMYK color chart

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

The hexadecimal color #18bb70 has RGB values of R:24, G:187, B:112 and CMYK values of C:0.87, M:0, Y:0.4, K:0.27. Its decimal value is 1620848.

Hex triplet	18bb70	`#18bb70`
RGB Decimal	24, 187, 112	`rgb(24,187,112)`
RGB Percent	9.4, 73.3, 43.9	`rgb(9.4%,73.3%,43.9%)`
CMYK	87, 0, 40, 27
HSL	152.4°, 77.3, 41.4	`hsl(152.4,77.3%,41.4%)`
HSV (or HSB)	152.4°, 87.2, 73.3
Web Safe	00cc66	`#00cc66`

CIE-LAB	67.204, -56.03, 27.28
XYZ	21.07, 36.902, 21.341
xyY	0.266, 0.465, 36.902
CIE-LCH	67.204, 62.318, 154.04
CIE-LUV	67.204, -57.547, 45.184
Hunter-Lab	60.747, -44.396, 21.694
Binary	00011000, 10111011, 01110000

#18bb70
```
#18bb70 rgb(24,187,112)
```
#bb1863
```
#bb1863 rgb(187,24,99)
```

Complementary Color

#18bb1f
```
#18bb1f rgb(24,187,31)
```
#18bb70
```
#18bb70 rgb(24,187,112)
```
#18b5bb
```
#18b5bb rgb(24,181,187)
```

Analogous Color

#bb1f18
```
#bb1f18 rgb(187,31,24)
```
#18bb70
```
#18bb70 rgb(24,187,112)
```
#bb18b5
```
#bb18b5 rgb(187,24,181)
```

Split Complementary Color

#bb7018
```
#bb7018 rgb(187,112,24)
```
#18bb70
```
#18bb70 rgb(24,187,112)
```
#7018bb
```
#7018bb rgb(112,24,187)
```

Triadic Color

#63bb18
```
#63bb18 rgb(99,187,24)
```
#18bb70
```
#18bb70 rgb(24,187,112)
```
#7018bb
```
#7018bb rgb(112,24,187)
```
#bb1863
```
#bb1863 rgb(187,24,99)
```

Tetradic Color

#0f7747
```
#0f7747 rgb(15,119,71)
```
#128e55
```
#128e55 rgb(18,142,85)
```
#15a462
```
#15a462 rgb(21,164,98)
```
#18bb70
```
#18bb70 rgb(24,187,112)
```
#1bd27e
```
#1bd27e rgb(27,210,126)
```
#23e38b
```
#23e38b rgb(35,227,139)
```
#3ae697
```
#3ae697 rgb(58,230,151)
```

Monochromatic Color

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

#18bb47
```
#18bb47 rgb(24,187,71)
```
#18bb55
```
#18bb55 rgb(24,187,85)
```
#18bb62
```
#18bb62 rgb(24,187,98)
```
#18bb70
```
#18bb70 rgb(24,187,112)
```
#18bb7e
```
#18bb7e rgb(24,187,126)
```
#18bb8b
```
#18bb8b rgb(24,187,139)
```
#18bb99
```
#18bb99 rgb(24,187,153)
```

Similar Colors

Text with hexadecimal color #18bb70

This text has a font color of #18bb70.

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

#18bb70 background color

This paragraph has a background color of #18bb70.

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

#18bb70 border color

This element has a border color of #18bb70.

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

CSS codes

.text {color:#18bb70;}

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

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

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

#020d08
```
#020d08 rgb(2,13,8)
```
#041f12
```
#041f12 rgb(4,31,18)
```
#06301d
```
#06301d rgb(6,48,29)
```
#084127
```
#084127 rgb(8,65,39)
```
#0b5332
```
#0b5332 rgb(11,83,50)
```
#0d643c
```
#0d643c rgb(13,100,60)
```
#0f7546
```
#0f7546 rgb(15,117,70)
```
#118751
```
#118751 rgb(17,135,81)
```
#14985b
```
#14985b rgb(20,152,91)
```
#16aa66
```
#16aa66 rgb(22,170,102)
```
#18bb70
```
#18bb70 rgb(24,187,112)
```
#1acc7a
```
#1acc7a rgb(26,204,122)
```
#1cde85
```
#1cde85 rgb(28,222,133)
```

Shade Color Variation

#2ae48e
```
#2ae48e rgb(42,228,142)
```
#3ce698
```
#3ce698 rgb(60,230,152)
```
#4de8a1
```
#4de8a1 rgb(77,232,161)
```
#5eeaaa
```
#5eeaaa rgb(94,234,170)
```
#70edb3
```
#70edb3 rgb(112,237,179)
```
#81efbc
```
#81efbc rgb(129,239,188)
```
#92f1c6
```
#92f1c6 rgb(146,241,198)
```
#a4f3cf
```
#a4f3cf rgb(164,243,207)
```
#b5f6d8
```
#b5f6d8 rgb(181,246,216)
```
#c7f8e1
```
#c7f8e1 rgb(199,248,225)
```
#d8faea
```
#d8faea rgb(216,250,234)
```
#e9fcf4
```
#e9fcf4 rgb(233,252,244)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#696a6a
```
#696a6a rgb(105,106,106)
```
#61726a
```
#61726a rgb(97,114,106)
```
#597a6b
```
#597a6b rgb(89,122,107)
```
#51826b
```
#51826b rgb(81,130,107)
```
#498a6c
```
#498a6c rgb(73,138,108)
```
#41926d
```
#41926d rgb(65,146,109)
```
#389b6d
```
#389b6d rgb(56,155,109)
```
#30a36e
```
#30a36e rgb(48,163,110)
```
#28ab6f
```
#28ab6f rgb(40,171,111)
```
#20b36f
```
#20b36f rgb(32,179,111)
```
#18bb70
```
#18bb70 rgb(24,187,112)
```
#10c371
```
#10c371 rgb(16,195,113)
```
#08cb71
```
#08cb71 rgb(8,203,113)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#6d8d7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a86e Protanopia 1% of men
#c5a181 Deuteranopia 1% of men
#55b5c2 Tritanopia 0.001% of the population

Trichromacy

#7caf6f Protanomaly 1% of men, 0.01% of women
#86ab7b Deuteranomaly 6% of men, 0.4% of women
#3fb7a4 Tritanomaly 0.01% of the population

#18bb70 hex color

#18bb70 Color Information

#18bb70 Color Conversion

Color Schemes with #18bb70

Alternatives to #18bb70

#18bb70 Preview

Shades and Tints of #18bb70

Tones of #18bb70

Color Blindness Simulator