#18bd4d hex color

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

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

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

The hexadecimal color #18bd4d has RGB values of R:24, G:189, B:77 and CMYK values of C:0.87, M:0, Y:0.59, K:0.26. Its decimal value is 1621325.

Hex triplet	18bd4d	`#18bd4d`
RGB Decimal	24, 189, 77	`rgb(24,189,77)`
RGB Percent	9.4, 74.1, 30.2	`rgb(9.4%,74.1%,30.2%)`
CMYK	87, 0, 59, 26
HSL	139.3°, 77.5, 41.8	`hsl(139.3,77.5%,41.8%)`
HSV (or HSB)	139.3°, 87.3, 74.1
Web Safe	00cc66	`#00cc66`

CIE-LAB	67.369, -62.389, 44.914
XYZ	19.913, 37.123, 13.137
xyY	0.284, 0.529, 37.123
CIE-LCH	67.369, 76.874, 144.25
CIE-LUV	67.369, -60.056, 64.719
Hunter-Lab	60.929, -48.288, 29.867
Binary	00011000, 10111101, 01001101

#18bd4d
```
#18bd4d rgb(24,189,77)
```
#bd1888
```
#bd1888 rgb(189,24,136)
```

Complementary Color

#36bd18
```
#36bd18 rgb(54,189,24)
```
#18bd4d
```
#18bd4d rgb(24,189,77)
```
#18bda0
```
#18bda0 rgb(24,189,160)
```

Analogous Color

#bd1836
```
#bd1836 rgb(189,24,54)
```
#18bd4d
```
#18bd4d rgb(24,189,77)
```
#a018bd
```
#a018bd rgb(160,24,189)
```

Split Complementary Color

#bd4d18
```
#bd4d18 rgb(189,77,24)
```
#18bd4d
```
#18bd4d rgb(24,189,77)
```
#4d18bd
```
#4d18bd rgb(77,24,189)
```

Triadic Color

#88bd18
```
#88bd18 rgb(136,189,24)
```
#18bd4d
```
#18bd4d rgb(24,189,77)
```
#4d18bd
```
#4d18bd rgb(77,24,189)
```
#bd1888
```
#bd1888 rgb(189,24,136)
```

Tetradic Color

#0f7931
```
#0f7931 rgb(15,121,49)
```
#12903b
```
#12903b rgb(18,144,59)
```
#15a644
```
#15a644 rgb(21,166,68)
```
#18bd4d
```
#18bd4d rgb(24,189,77)
```
#1bd456
```
#1bd456 rgb(27,212,86)
```
#25e362
```
#25e362 rgb(37,227,98)
```
#3be672
```
#3be672 rgb(59,230,114)
```

Monochromatic Color

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

#18bd24
```
#18bd24 rgb(24,189,36)
```
#18bd32
```
#18bd32 rgb(24,189,50)
```
#18bd3f
```
#18bd3f rgb(24,189,63)
```
#18bd4d
```
#18bd4d rgb(24,189,77)
```
#18bd5b
```
#18bd5b rgb(24,189,91)
```
#18bd69
```
#18bd69 rgb(24,189,105)
```
#18bd76
```
#18bd76 rgb(24,189,118)
```

Similar Colors

Text with hexadecimal color #18bd4d

This text has a font color of #18bd4d.

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

#18bd4d background color

This paragraph has a background color of #18bd4d.

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

#18bd4d border color

This element has a border color of #18bd4d.

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

CSS codes

.text {color:#18bd4d;}

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

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

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)
```
#04200d
```
#04200d rgb(4,32,13)
```
#063214
```
#063214 rgb(6,50,20)
```
#09431b
```
#09431b rgb(9,67,27)
```
#0b5522
```
#0b5522 rgb(11,85,34)
```
#0d662a
```
#0d662a rgb(13,102,42)
```
#0f7731
```
#0f7731 rgb(15,119,49)
```
#118938
```
#118938 rgb(17,137,56)
```
#149a3f
```
#149a3f rgb(20,154,63)
```
#16ac46
```
#16ac46 rgb(22,172,70)
```
#18bd4d
```
#18bd4d rgb(24,189,77)
```
#1ace54
```
#1ace54 rgb(26,206,84)
```
#1ce05b
```
#1ce05b rgb(28,224,91)
```

Shade Color Variation

#2ce467
```
#2ce467 rgb(44,228,103)
```
#3de673
```
#3de673 rgb(61,230,115)
```
#4ee980
```
#4ee980 rgb(78,233,128)
```
#60eb8d
```
#60eb8d rgb(96,235,141)
```
#71ed99
```
#71ed99 rgb(113,237,153)
```
#83efa6
```
#83efa6 rgb(131,239,166)
```
#94f1b2
```
#94f1b2 rgb(148,241,178)
```
#a6f4bf
```
#a6f4bf rgb(166,244,191)
```
#b7f6cb
```
#b7f6cb rgb(183,246,203)
```
#c8f8d8
```
#c8f8d8 rgb(200,248,216)
```
#dafae4
```
#dafae4 rgb(218,250,228)
```
#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 #08cd47 is the most saturated one.

#6a6b6a
```
#6a6b6a rgb(106,107,106)
```
#627367
```
#627367 rgb(98,115,103)
```
#5a7b64
```
#5a7b64 rgb(90,123,100)
```
#518462
```
#518462 rgb(81,132,98)
```
#498c5f
```
#498c5f rgb(73,140,95)
```
#41945c
```
#41945c rgb(65,148,92)
```
#399c59
```
#399c59 rgb(57,156,89)
```
#31a456
```
#31a456 rgb(49,164,86)
```
#28ad53
```
#28ad53 rgb(40,173,83)
```
#20b550
```
#20b550 rgb(32,181,80)
```
#18bd4d
```
#18bd4d rgb(24,189,77)
```
#10c54a
```
#10c54a rgb(16,197,74)
```
#08cd47
```
#08cd47 rgb(8,205,71)
```

Tone Color Variation

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

#baa84f Protanopia 1% of men
#cca162 Deuteranopia 1% of men
#5cb5c2 Tritanopia 0.001% of the population

Trichromacy

#7fb04e Protanomaly 1% of men, 0.01% of women
#8aab5a Deuteranomaly 6% of men, 0.4% of women
#43b897 Tritanomaly 0.01% of the population

#18bd4d hex color

#18bd4d Color Information

#18bd4d Color Conversion

Color Schemes with #18bd4d

Alternatives to #18bd4d

#18bd4d Preview

Shades and Tints of #18bd4d

Tones of #18bd4d

Color Blindness Simulator