#18bc7f hex color

In a RGB color space, hex #18bc7f is composed of 9.4% red, 73.7% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 0% magenta, 32.4% yellow and 26.3% black. It has a hue angle of 157.7 degrees, a saturation of 77.4% and a lightness of 41.6%. #18bc7f color hex could be obtained by blending #30fffe with #007900. Closest websafe color is: #00cc66.

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

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

The hexadecimal color #18bc7f has RGB values of R:24, G:188, B:127 and CMYK values of C:0.87, M:0, Y:0.32, K:0.26. Its decimal value is 1621119.

Hex triplet	18bc7f	`#18bc7f`
RGB Decimal	24, 188, 127	`rgb(24,188,127)`
RGB Percent	9.4, 73.7, 49.8	`rgb(9.4%,73.7%,49.8%)`
CMYK	87, 0, 32, 26
HSL	157.7°, 77.4, 41.6	`hsl(157.7,77.4%,41.6%)`
HSV (or HSB)	157.7°, 87.2, 73.7
Web Safe	00cc66	`#00cc66`

CIE-LAB	67.792, -53.301, 20.099
XYZ	22.189, 37.691, 26.183
xyY	0.258, 0.438, 37.691
CIE-LCH	67.792, 56.964, 159.34
CIE-LUV	67.792, -56.925, 36.064
Hunter-Lab	61.393, -42.923, 17.689
Binary	00011000, 10111100, 01111111

#18bc7f
```
#18bc7f rgb(24,188,127)
```
#bc1855
```
#bc1855 rgb(188,24,85)
```

Complementary Color

#18bc2d
```
#18bc2d rgb(24,188,45)
```
#18bc7f
```
#18bc7f rgb(24,188,127)
```
#18a7bc
```
#18a7bc rgb(24,167,188)
```

Analogous Color

#bc2d18
```
#bc2d18 rgb(188,45,24)
```
#18bc7f
```
#18bc7f rgb(24,188,127)
```
#bc18a7
```
#bc18a7 rgb(188,24,167)
```

Split Complementary Color

#bc7f18
```
#bc7f18 rgb(188,127,24)
```
#18bc7f
```
#18bc7f rgb(24,188,127)
```
#7f18bc
```
#7f18bc rgb(127,24,188)
```

Triadic Color

#55bc18
```
#55bc18 rgb(85,188,24)
```
#18bc7f
```
#18bc7f rgb(24,188,127)
```
#7f18bc
```
#7f18bc rgb(127,24,188)
```
#bc1855
```
#bc1855 rgb(188,24,85)
```

Tetradic Color

#0f7851
```
#0f7851 rgb(15,120,81)
```
#128f60
```
#128f60 rgb(18,143,96)
```
#15a570
```
#15a570 rgb(21,165,112)
```
#18bc7f
```
#18bc7f rgb(24,188,127)
```
#1bd38e
```
#1bd38e rgb(27,211,142)
```
#24e39c
```
#24e39c rgb(36,227,156)
```
#3be6a6
```
#3be6a6 rgb(59,230,166)
```

Monochromatic Color

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

#18bc56
```
#18bc56 rgb(24,188,86)
```
#18bc64
```
#18bc64 rgb(24,188,100)
```
#18bc71
```
#18bc71 rgb(24,188,113)
```
#18bc7f
```
#18bc7f rgb(24,188,127)
```
#18bc8d
```
#18bc8d rgb(24,188,141)
```
#18bc9a
```
#18bc9a rgb(24,188,154)
```
#18bca8
```
#18bca8 rgb(24,188,168)
```

Similar Colors

Text with hexadecimal color #18bc7f

This text has a font color of #18bc7f.

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

#18bc7f background color

This paragraph has a background color of #18bc7f.

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

#18bc7f border color

This element has a border color of #18bc7f.

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

CSS codes

.text {color:#18bc7f;}

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

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

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

#020e09
```
#020e09 rgb(2,14,9)
```
#041f15
```
#041f15 rgb(4,31,21)
```
#063121
```
#063121 rgb(6,49,33)
```
#08422d
```
#08422d rgb(8,66,45)
```
#0b5438
```
#0b5438 rgb(11,84,56)
```
#0d6544
```
#0d6544 rgb(13,101,68)
```
#0f7650
```
#0f7650 rgb(15,118,80)
```
#11885c
```
#11885c rgb(17,136,92)
```
#149967
```
#149967 rgb(20,153,103)
```
#16ab73
```
#16ab73 rgb(22,171,115)
```
#18bc7f
```
#18bc7f rgb(24,188,127)
```
#1acd8b
```
#1acd8b rgb(26,205,139)
```
#1cdf97
```
#1cdf97 rgb(28,223,151)
```

Shade Color Variation

#2be49f
```
#2be49f rgb(43,228,159)
```
#3ce6a7
```
#3ce6a7 rgb(60,230,167)
```
#4ee8af
```
#4ee8af rgb(78,232,175)
```
#5febb7
```
#5febb7 rgb(95,235,183)
```
#70edbf
```
#70edbf rgb(112,237,191)
```
#82efc6
```
#82efc6 rgb(130,239,198)
```
#93f1ce
```
#93f1ce rgb(147,241,206)
```
#a5f3d6
```
#a5f3d6 rgb(165,243,214)
```
#b6f6de
```
#b6f6de rgb(182,246,222)
```
#c7f8e6
```
#c7f8e6 rgb(199,248,230)
```
#d9faee
```
#d9faee rgb(217,250,238)
```
#eafcf6
```
#eafcf6 rgb(234,252,246)
```
#fcfffd
```
#fcfffd rgb(252,255,253)
```

Tint Color Variation

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

#6a6a6a
```
#6a6a6a rgb(106,106,106)
```
#61736c
```
#61736c rgb(97,115,108)
```
#597b6e
```
#597b6e rgb(89,123,110)
```
#518370
```
#518370 rgb(81,131,112)
```
#498b72
```
#498b72 rgb(73,139,114)
```
#419375
```
#419375 rgb(65,147,117)
```
#399b77
```
#399b77 rgb(57,155,119)
```
#30a479
```
#30a479 rgb(48,164,121)
```
#28ac7b
```
#28ac7b rgb(40,172,123)
```
#20b47d
```
#20b47d rgb(32,180,125)
```
#18bc7f
```
#18bc7f rgb(24,188,127)
```
#10c481
```
#10c481 rgb(16,196,129)
```
#08cc83
```
#08cc83 rgb(8,204,131)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6e8f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a97c Protanopia 1% of men
#c3a38f Deuteranopia 1% of men
#52b7c4 Tritanopia 0.001% of the population

Trichromacy

#7cb07d Protanomaly 1% of men, 0.01% of women
#84ac89 Deuteranomaly 6% of men, 0.4% of women
#3db9ab Tritanomaly 0.01% of the population

#18bc7f hex color

#18bc7f Color Information

#18bc7f Color Conversion

Color Schemes with #18bc7f

Alternatives to #18bc7f

#18bc7f Preview

Shades and Tints of #18bc7f

Tones of #18bc7f

Color Blindness Simulator