#18bd4a hex color

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

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

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

The hexadecimal color #18bd4a has RGB values of R:24, G:189, B:74 and CMYK values of C:0.87, M:0, Y:0.61, K:0.26. Its decimal value is 1621322.

Hex triplet	18bd4a	`#18bd4a`
RGB Decimal	24, 189, 74	`rgb(24,189,74)`
RGB Percent	9.4, 74.1, 29	`rgb(9.4%,74.1%,29%)`
CMYK	87, 0, 61, 26
HSL	138.2°, 77.5, 41.8	`hsl(138.2,77.5%,41.8%)`
HSV (or HSB)	138.2°, 87.3, 74.1
Web Safe	00cc33	`#00cc33`

CIE-LAB	67.338, -62.771, 46.247
XYZ	19.809, 37.082, 12.592
xyY	0.285, 0.534, 37.082
CIE-LCH	67.338, 77.968, 143.619
CIE-LUV	67.338, -60.184, 65.983
Hunter-Lab	60.895, -48.5, 30.366
Binary	00011000, 10111101, 01001010

#18bd4a
```
#18bd4a rgb(24,189,74)
```
#bd188b
```
#bd188b rgb(189,24,139)
```

Complementary Color

#39bd18
```
#39bd18 rgb(57,189,24)
```
#18bd4a
```
#18bd4a rgb(24,189,74)
```
#18bd9d
```
#18bd9d rgb(24,189,157)
```

Analogous Color

#bd1838
```
#bd1838 rgb(189,24,56)
```
#18bd4a
```
#18bd4a rgb(24,189,74)
```
#9d18bd
```
#9d18bd rgb(157,24,189)
```

Split Complementary Color

#bd4a18
```
#bd4a18 rgb(189,74,24)
```
#18bd4a
```
#18bd4a rgb(24,189,74)
```
#4a18bd
```
#4a18bd rgb(74,24,189)
```

Triadic Color

#8bbd18
```
#8bbd18 rgb(139,189,24)
```
#18bd4a
```
#18bd4a rgb(24,189,74)
```
#4a18bd
```
#4a18bd rgb(74,24,189)
```
#bd188b
```
#bd188b rgb(189,24,139)
```

Tetradic Color

#0f792f
```
#0f792f rgb(15,121,47)
```
#129038
```
#129038 rgb(18,144,56)
```
#15a641
```
#15a641 rgb(21,166,65)
```
#18bd4a
```
#18bd4a rgb(24,189,74)
```
#1bd453
```
#1bd453 rgb(27,212,83)
```
#25e35e
```
#25e35e rgb(37,227,94)
```
#3be66f
```
#3be66f rgb(59,230,111)
```

Monochromatic Color

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

#18bd21
```
#18bd21 rgb(24,189,33)
```
#18bd2f
```
#18bd2f rgb(24,189,47)
```
#18bd3c
```
#18bd3c rgb(24,189,60)
```
#18bd4a
```
#18bd4a rgb(24,189,74)
```
#18bd58
```
#18bd58 rgb(24,189,88)
```
#18bd66
```
#18bd66 rgb(24,189,102)
```
#18bd73
```
#18bd73 rgb(24,189,115)
```

Similar Colors

Text with hexadecimal color #18bd4a

This text has a font color of #18bd4a.

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

#18bd4a background color

This paragraph has a background color of #18bd4a.

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

#18bd4a border color

This element has a border color of #18bd4a.

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

CSS codes

.text {color:#18bd4a;}

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

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

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)
```
#063213
```
#063213 rgb(6,50,19)
```
#09431a
```
#09431a rgb(9,67,26)
```
#0b5521
```
#0b5521 rgb(11,85,33)
```
#0d6628
```
#0d6628 rgb(13,102,40)
```
#0f772f
```
#0f772f rgb(15,119,47)
```
#118936
```
#118936 rgb(17,137,54)
```
#149a3c
```
#149a3c rgb(20,154,60)
```
#16ac43
```
#16ac43 rgb(22,172,67)
```
#18bd4a
```
#18bd4a rgb(24,189,74)
```
#1ace51
```
#1ace51 rgb(26,206,81)
```
#1ce058
```
#1ce058 rgb(28,224,88)
```

Shade Color Variation

#2ce464
```
#2ce464 rgb(44,228,100)
```
#3de670
```
#3de670 rgb(61,230,112)
```
#4ee97d
```
#4ee97d rgb(78,233,125)
```
#60eb8a
```
#60eb8a rgb(96,235,138)
```
#71ed97
```
#71ed97 rgb(113,237,151)
```
#83efa4
```
#83efa4 rgb(131,239,164)
```
#94f1b0
```
#94f1b0 rgb(148,241,176)
```
#a6f4bd
```
#a6f4bd rgb(166,244,189)
```
#b7f6ca
```
#b7f6ca rgb(183,246,202)
```
#c8f8d7
```
#c8f8d7 rgb(200,248,215)
```
#dafae4
```
#dafae4 rgb(218,250,228)
```
#ebfcf0
```
#ebfcf0 rgb(235,252,240)
```
#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 #08cd44 is the most saturated one.

#6a6b6a
```
#6a6b6a rgb(106,107,106)
```
#627367
```
#627367 rgb(98,115,103)
```
#5a7b64
```
#5a7b64 rgb(90,123,100)
```
#518461
```
#518461 rgb(81,132,97)
```
#498c5d
```
#498c5d rgb(73,140,93)
```
#41945a
```
#41945a rgb(65,148,90)
```
#399c57
```
#399c57 rgb(57,156,87)
```
#31a454
```
#31a454 rgb(49,164,84)
```
#28ad50
```
#28ad50 rgb(40,173,80)
```
#20b54d
```
#20b54d rgb(32,181,77)
```
#18bd4a
```
#18bd4a rgb(24,189,74)
```
#10c547
```
#10c547 rgb(16,197,71)
```
#08cd44
```
#08cd44 rgb(8,205,68)
```

Tone Color Variation

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

Dichromacy

#baa84c Protanopia 1% of men
#cca15f Deuteranopia 1% of men
#5cb5c2 Tritanopia 0.001% of the population

Trichromacy

#7fb04b Protanomaly 1% of men, 0.01% of women
#8bab57 Deuteranomaly 6% of men, 0.4% of women
#43b796 Tritanomaly 0.01% of the population

#18bd4a hex color

#18bd4a Color Information

#18bd4a Color Conversion

Color Schemes with #18bd4a

Alternatives to #18bd4a

#18bd4a Preview

Shades and Tints of #18bd4a

Tones of #18bd4a

Color Blindness Simulator