#18bd66 hex color

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

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

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

The hexadecimal color #18bd66 has RGB values of R:24, G:189, B:102 and CMYK values of C:0.87, M:0, Y:0.46, K:0.26. Its decimal value is 1621350.

Hex triplet	18bd66	`#18bd66`
RGB Decimal	24, 189, 102	`rgb(24,189,102)`
RGB Percent	9.4, 74.1, 40	`rgb(9.4%,74.1%,40%)`
CMYK	87, 0, 46, 26
HSL	148.4°, 77.5, 41.8	`hsl(148.4,77.5%,41.8%)`
HSV (or HSB)	148.4°, 87.3, 74.1
Web Safe	00cc66	`#00cc66`

CIE-LAB	67.685, -58.579, 33.091
XYZ	20.971, 37.546, 18.712
xyY	0.272, 0.486, 37.546
CIE-LCH	67.685, 67.279, 150.538
CIE-LUV	67.685, -58.806, 52.276
Hunter-Lab	61.275, -46.141, 24.787
Binary	00011000, 10111101, 01100110

#18bd66
```
#18bd66 rgb(24,189,102)
```
#bd186f
```
#bd186f rgb(189,24,111)
```

Complementary Color

#1dbd18
```
#1dbd18 rgb(29,189,24)
```
#18bd66
```
#18bd66 rgb(24,189,102)
```
#18bdb9
```
#18bdb9 rgb(24,189,185)
```

Analogous Color

#bd181d
```
#bd181d rgb(189,24,29)
```
#18bd66
```
#18bd66 rgb(24,189,102)
```
#b918bd
```
#b918bd rgb(185,24,189)
```

Split Complementary Color

#bd6618
```
#bd6618 rgb(189,102,24)
```
#18bd66
```
#18bd66 rgb(24,189,102)
```
#6618bd
```
#6618bd rgb(102,24,189)
```

Triadic Color

#6fbd18
```
#6fbd18 rgb(111,189,24)
```
#18bd66
```
#18bd66 rgb(24,189,102)
```
#6618bd
```
#6618bd rgb(102,24,189)
```
#bd186f
```
#bd186f rgb(189,24,111)
```

Tetradic Color

#0f7941
```
#0f7941 rgb(15,121,65)
```
#12904e
```
#12904e rgb(18,144,78)
```
#15a65a
```
#15a65a rgb(21,166,90)
```
#18bd66
```
#18bd66 rgb(24,189,102)
```
#1bd472
```
#1bd472 rgb(27,212,114)
```
#25e37f
```
#25e37f rgb(37,227,127)
```
#3be68c
```
#3be68c rgb(59,230,140)
```

Monochromatic Color

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

#18bd3d
```
#18bd3d rgb(24,189,61)
```
#18bd4b
```
#18bd4b rgb(24,189,75)
```
#18bd58
```
#18bd58 rgb(24,189,88)
```
#18bd66
```
#18bd66 rgb(24,189,102)
```
#18bd74
```
#18bd74 rgb(24,189,116)
```
#18bd82
```
#18bd82 rgb(24,189,130)
```
#18bd8f
```
#18bd8f rgb(24,189,143)
```

Similar Colors

Text with hexadecimal color #18bd66

This text has a font color of #18bd66.

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

#18bd66 background color

This paragraph has a background color of #18bd66.

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

#18bd66 border color

This element has a border color of #18bd66.

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

CSS codes

.text {color:#18bd66;}

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

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

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

#020f08
```
#020f08 rgb(2,15,8)
```
#042011
```
#042011 rgb(4,32,17)
```
#06321b
```
#06321b rgb(6,50,27)
```
#094324
```
#094324 rgb(9,67,36)
```
#0b552e
```
#0b552e rgb(11,85,46)
```
#0d6637
```
#0d6637 rgb(13,102,55)
```
#0f7740
```
#0f7740 rgb(15,119,64)
```
#11894a
```
#11894a rgb(17,137,74)
```
#149a53
```
#149a53 rgb(20,154,83)
```
#16ac5d
```
#16ac5d rgb(22,172,93)
```
#18bd66
```
#18bd66 rgb(24,189,102)
```
#1ace6f
```
#1ace6f rgb(26,206,111)
```
#1ce079
```
#1ce079 rgb(28,224,121)
```

Shade Color Variation

#2ce483
```
#2ce483 rgb(44,228,131)
```
#3de68d
```
#3de68d rgb(61,230,141)
```
#4ee997
```
#4ee997 rgb(78,233,151)
```
#60eba2
```
#60eba2 rgb(96,235,162)
```
#71edac
```
#71edac rgb(113,237,172)
```
#83efb6
```
#83efb6 rgb(131,239,182)
```
#94f1c0
```
#94f1c0 rgb(148,241,192)
```
#a6f4ca
```
#a6f4ca rgb(166,244,202)
```
#b7f6d5
```
#b7f6d5 rgb(183,246,213)
```
#c8f8df
```
#c8f8df rgb(200,248,223)
```
#dafae9
```
#dafae9 rgb(218,250,233)
```
#ebfcf3
```
#ebfcf3 rgb(235,252,243)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#6a6b6a
```
#6a6b6a rgb(106,107,106)
```
#62736a
```
#62736a rgb(98,115,106)
```
#5a7b6a
```
#5a7b6a rgb(90,123,106)
```
#518469
```
#518469 rgb(81,132,105)
```
#498c69
```
#498c69 rgb(73,140,105)
```
#419468
```
#419468 rgb(65,148,104)
```
#399c68
```
#399c68 rgb(57,156,104)
```
#31a467
```
#31a467 rgb(49,164,103)
```
#28ad67
```
#28ad67 rgb(40,173,103)
```
#20b566
```
#20b566 rgb(32,181,102)
```
#18bd66
```
#18bd66 rgb(24,189,102)
```
#10c566
```
#10c566 rgb(16,197,102)
```
#08cd65
```
#08cd65 rgb(8,205,101)
```

Tone Color Variation

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

Dichromacy

#b9a965 Protanopia 1% of men
#c8a278 Deuteranopia 1% of men
#58b6c3 Tritanopia 0.001% of the population

Trichromacy

#7eb065 Protanomaly 1% of men, 0.01% of women
#88ac71 Deuteranomaly 6% of men, 0.4% of women
#41b8a1 Tritanomaly 0.01% of the population

#18bd66 hex color

#18bd66 Color Information

#18bd66 Color Conversion

Color Schemes with #18bd66

Alternatives to #18bd66

#18bd66 Preview

Shades and Tints of #18bd66

Tones of #18bd66

Color Blindness Simulator