#18a150 hex color

In a RGB color space, hex #18a150 is composed of 9.4% red, 63.1% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 0% magenta, 50.3% yellow and 36.9% black. It has a hue angle of 144.5 degrees, a saturation of 74.1% and a lightness of 36.3%. #18a150 color hex could be obtained by blending #30ffa0 with #004300. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 9
- G 63
- B 31
RGB color chart
- C 85
- M 0
- Y 50
- K 37
CMYK color chart

● #18a150 color description : Dark cyan - lime green.

The hexadecimal color #18a150 has RGB values of R:24, G:161, B:80 and CMYK values of C:0.85, M:0, Y:0.5, K:0.37. Its decimal value is 1614160.

Hex triplet	18a150	`#18a150`
RGB Decimal	24, 161, 80	`rgb(24,161,80)`
RGB Percent	9.4, 63.1, 31.4	`rgb(9.4%,63.1%,31.4%)`
CMYK	85, 0, 50, 37
HSL	144.5°, 74.1, 36.3	`hsl(144.5,74.1%,36.3%)`
HSV (or HSB)	144.5°, 85.1, 63.1
Web Safe	009966	`#009966`

CIE-LAB	58.284, -52.606, 32.481
XYZ	14.569, 26.262, 11.89
xyY	0.276, 0.498, 26.262
CIE-LCH	58.284, 61.826, 148.308
CIE-LUV	58.284, -50.493, 48.34
Hunter-Lab	51.246, -38.936, 22.116
Binary	00011000, 10100001, 01010000

#18a150
```
#18a150 rgb(24,161,80)
```
#a11869
```
#a11869 rgb(161,24,105)
```

Complementary Color

#25a118
```
#25a118 rgb(37,161,24)
```
#18a150
```
#18a150 rgb(24,161,80)
```
#18a195
```
#18a195 rgb(24,161,149)
```

Analogous Color

#a11824
```
#a11824 rgb(161,24,36)
```
#18a150
```
#18a150 rgb(24,161,80)
```
#9518a1
```
#9518a1 rgb(149,24,161)
```

Split Complementary Color

#a15018
```
#a15018 rgb(161,80,24)
```
#18a150
```
#18a150 rgb(24,161,80)
```
#5018a1
```
#5018a1 rgb(80,24,161)
```

Triadic Color

#69a118
```
#69a118 rgb(105,161,24)
```
#18a150
```
#18a150 rgb(24,161,80)
```
#5018a1
```
#5018a1 rgb(80,24,161)
```
#a11869
```
#a11869 rgb(161,24,105)
```

Tetradic Color

#0e5e2f
```
#0e5e2f rgb(14,94,47)
```
#11753a
```
#11753a rgb(17,117,58)
```
#158b45
```
#158b45 rgb(21,139,69)
```
#18a150
```
#18a150 rgb(24,161,80)
```
#1bb75b
```
#1bb75b rgb(27,183,91)
```
#1fcd66
```
#1fcd66 rgb(31,205,102)
```
#27df72
```
#27df72 rgb(39,223,114)
```

Monochromatic Color

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

#18a12e
```
#18a12e rgb(24,161,46)
```
#18a139
```
#18a139 rgb(24,161,57)
```
#18a145
```
#18a145 rgb(24,161,69)
```
#18a150
```
#18a150 rgb(24,161,80)
```
#18a15b
```
#18a15b rgb(24,161,91)
```
#18a167
```
#18a167 rgb(24,161,103)
```
#18a172
```
#18a172 rgb(24,161,114)
```

Similar Colors

Text with hexadecimal color #18a150

This text has a font color of #18a150.

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

#18a150 background color

This paragraph has a background color of #18a150.

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

#18a150 border color

This element has a border color of #18a150.

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

CSS codes

.text {color:#18a150;}

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

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

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, #010704 is the darkest color, while #f5fef9 is the lightest one.

#010704
```
#010704 rgb(1,7,4)
```
#04180c
```
#04180c rgb(4,24,12)
```
#062a15
```
#062a15 rgb(6,42,21)
```
#093b1d
```
#093b1d rgb(9,59,29)
```
#0b4c26
```
#0b4c26 rgb(11,76,38)
```
#0e5d2e
```
#0e5d2e rgb(14,93,46)
```
#106e37
```
#106e37 rgb(16,110,55)
```
#137f3f
```
#137f3f rgb(19,127,63)
```
#159048
```
#159048 rgb(21,144,72)
```
#18a150
```
#18a150 rgb(24,161,80)
```
#1bb258
```
#1bb258 rgb(27,178,88)
```
#1dc361
```
#1dc361 rgb(29,195,97)
```
#20d469
```
#20d469 rgb(32,212,105)
```

Shade Color Variation

#28df73
```
#28df73 rgb(40,223,115)
```
#3ae27e
```
#3ae27e rgb(58,226,126)
```
#4be489
```
#4be489 rgb(75,228,137)
```
#5ce794
```
#5ce794 rgb(92,231,148)
```
#6de9a0
```
#6de9a0 rgb(109,233,160)
```
#7eecab
```
#7eecab rgb(126,236,171)
```
#8feeb6
```
#8feeb6 rgb(143,238,182)
```
#a0f1c1
```
#a0f1c1 rgb(160,241,193)
```
#b1f3cc
```
#b1f3cc rgb(177,243,204)
```
#c2f6d7
```
#c2f6d7 rgb(194,246,215)
```
#d3f8e2
```
#d3f8e2 rgb(211,248,226)
```
#e4fbee
```
#e4fbee rgb(228,251,238)
```
#f5fef9
```
#f5fef9 rgb(245,254,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #58615c is the less saturated color, while #03b64c is the most saturated one.

#58615c
```
#58615c rgb(88,97,92)
```
#51685a
```
#51685a rgb(81,104,90)
```
#4a6f59
```
#4a6f59 rgb(74,111,89)
```
#437658
```
#437658 rgb(67,118,88)
```
#3c7d56
```
#3c7d56 rgb(60,125,86)
```
#348555
```
#348555 rgb(52,133,85)
```
#2d8c54
```
#2d8c54 rgb(45,140,84)
```
#269353
```
#269353 rgb(38,147,83)
```
#1f9a51
```
#1f9a51 rgb(31,154,81)
```
#18a150
```
#18a150 rgb(24,161,80)
```
#11a84f
```
#11a84f rgb(17,168,79)
```
#0aaf4d
```
#0aaf4d rgb(10,175,77)
```
#03b64c
```
#03b64c rgb(3,182,76)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5e7969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09252 Protanopia 1% of men
#ae8c62 Deuteranopia 1% of men
#4e9ca8 Tritanopia 0.001% of the population

Trichromacy

#6e9751 Protanomaly 1% of men, 0.01% of women
#77935b Deuteranomaly 6% of men, 0.4% of women
#3a9e88 Tritanomaly 0.01% of the population

#18a150 hex color

#18a150 Color Information

#18a150 Color Conversion

Color Schemes with #18a150

Alternatives to #18a150

#18a150 Preview

Shades and Tints of #18a150

Tones of #18a150

Color Blindness Simulator