#18bd55 hex color

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

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

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

The hexadecimal color #18bd55 has RGB values of R:24, G:189, B:85 and CMYK values of C:0.87, M:0, Y:0.55, K:0.26. Its decimal value is 1621333.

Hex triplet	18bd55	`#18bd55`
RGB Decimal	24, 189, 85	`rgb(24,189,85)`
RGB Percent	9.4, 74.1, 33.3	`rgb(9.4%,74.1%,33.3%)`
CMYK	87, 0, 55, 26
HSL	142.2°, 77.5, 41.8	`hsl(142.2,77.5%,41.8%)`
HSV (or HSB)	142.2°, 87.3, 74.1
Web Safe	00cc66	`#00cc66`

CIE-LAB	67.459, -61.292, 41.254
XYZ	20.213, 37.243, 14.717
xyY	0.28, 0.516, 37.243
CIE-LCH	67.459, 73.882, 146.056
CIE-LUV	67.459, -59.692, 61.104
Hunter-Lab	61.027, -47.677, 28.421
Binary	00011000, 10111101, 01010101

#18bd55
```
#18bd55 rgb(24,189,85)
```
#bd1880
```
#bd1880 rgb(189,24,128)
```

Complementary Color

#2ebd18
```
#2ebd18 rgb(46,189,24)
```
#18bd55
```
#18bd55 rgb(24,189,85)
```
#18bda8
```
#18bda8 rgb(24,189,168)
```

Analogous Color

#bd182e
```
#bd182e rgb(189,24,46)
```
#18bd55
```
#18bd55 rgb(24,189,85)
```
#a818bd
```
#a818bd rgb(168,24,189)
```

Split Complementary Color

#bd5518
```
#bd5518 rgb(189,85,24)
```
#18bd55
```
#18bd55 rgb(24,189,85)
```
#5518bd
```
#5518bd rgb(85,24,189)
```

Triadic Color

#80bd18
```
#80bd18 rgb(128,189,24)
```
#18bd55
```
#18bd55 rgb(24,189,85)
```
#5518bd
```
#5518bd rgb(85,24,189)
```
#bd1880
```
#bd1880 rgb(189,24,128)
```

Tetradic Color

#0f7936
```
#0f7936 rgb(15,121,54)
```
#129041
```
#129041 rgb(18,144,65)
```
#15a64b
```
#15a64b rgb(21,166,75)
```
#18bd55
```
#18bd55 rgb(24,189,85)
```
#1bd45f
```
#1bd45f rgb(27,212,95)
```
#25e36b
```
#25e36b rgb(37,227,107)
```
#3be67a
```
#3be67a rgb(59,230,122)
```

Monochromatic Color

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

#18bd2c
```
#18bd2c rgb(24,189,44)
```
#18bd3a
```
#18bd3a rgb(24,189,58)
```
#18bd47
```
#18bd47 rgb(24,189,71)
```
#18bd55
```
#18bd55 rgb(24,189,85)
```
#18bd63
```
#18bd63 rgb(24,189,99)
```
#18bd71
```
#18bd71 rgb(24,189,113)
```
#18bd7e
```
#18bd7e rgb(24,189,126)
```

Similar Colors

Text with hexadecimal color #18bd55

This text has a font color of #18bd55.

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

#18bd55 background color

This paragraph has a background color of #18bd55.

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

#18bd55 border color

This element has a border color of #18bd55.

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

CSS codes

.text {color:#18bd55;}

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

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

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

#020f07
```
#020f07 rgb(2,15,7)
```
#04200f
```
#04200f rgb(4,32,15)
```
#063216
```
#063216 rgb(6,50,22)
```
#09431e
```
#09431e rgb(9,67,30)
```
#0b5526
```
#0b5526 rgb(11,85,38)
```
#0d662e
```
#0d662e rgb(13,102,46)
```
#0f7736
```
#0f7736 rgb(15,119,54)
```
#11893e
```
#11893e rgb(17,137,62)
```
#149a45
```
#149a45 rgb(20,154,69)
```
#16ac4d
```
#16ac4d rgb(22,172,77)
```
#18bd55
```
#18bd55 rgb(24,189,85)
```
#1ace5d
```
#1ace5d rgb(26,206,93)
```
#1ce065
```
#1ce065 rgb(28,224,101)
```

Shade Color Variation

#2ce470
```
#2ce470 rgb(44,228,112)
```
#3de67c
```
#3de67c rgb(61,230,124)
```
#4ee987
```
#4ee987 rgb(78,233,135)
```
#60eb93
```
#60eb93 rgb(96,235,147)
```
#71ed9f
```
#71ed9f rgb(113,237,159)
```
#83efab
```
#83efab rgb(131,239,171)
```
#94f1b7
```
#94f1b7 rgb(148,241,183)
```
#a6f4c2
```
#a6f4c2 rgb(166,244,194)
```
#b7f6ce
```
#b7f6ce rgb(183,246,206)
```
#c8f8da
```
#c8f8da rgb(200,248,218)
```
#dafae6
```
#dafae6 rgb(218,250,230)
```
#ebfcf2
```
#ebfcf2 rgb(235,252,242)
```
#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 #08cd51 is the most saturated one.

#6a6b6a
```
#6a6b6a rgb(106,107,106)
```
#627368
```
#627368 rgb(98,115,104)
```
#5a7b66
```
#5a7b66 rgb(90,123,102)
```
#518464
```
#518464 rgb(81,132,100)
```
#498c62
```
#498c62 rgb(73,140,98)
```
#419460
```
#419460 rgb(65,148,96)
```
#399c5e
```
#399c5e rgb(57,156,94)
```
#31a45b
```
#31a45b rgb(49,164,91)
```
#28ad59
```
#28ad59 rgb(40,173,89)
```
#20b557
```
#20b557 rgb(32,181,87)
```
#18bd55
```
#18bd55 rgb(24,189,85)
```
#10c553
```
#10c553 rgb(16,197,83)
```
#08cd51
```
#08cd51 rgb(8,205,81)
```

Tone Color Variation

Below, you can see how #18bd55 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
#6b8c77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa956 Protanopia 1% of men
#cba169 Deuteranopia 1% of men
#5bb5c2 Tritanopia 0.001% of the population

Trichromacy

#7fb055 Protanomaly 1% of men, 0.01% of women
#8aab61 Deuteranomaly 6% of men, 0.4% of women
#42b89a Tritanomaly 0.01% of the population

#18bd55 hex color

#18bd55 Color Information

#18bd55 Color Conversion

Color Schemes with #18bd55

Alternatives to #18bd55

#18bd55 Preview

Shades and Tints of #18bd55

Tones of #18bd55

Color Blindness Simulator