#18a350 hex color

In a RGB color space, hex #18a350 is composed of 9.4% red, 63.9% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 0% magenta, 50.9% yellow and 36.1% black. It has a hue angle of 144.2 degrees, a saturation of 74.3% and a lightness of 36.7%. #18a350 color hex could be obtained by blending #30ffa0 with #004700. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 9
- G 64
- B 31
RGB color chart
- C 85
- M 0
- Y 51
- K 36
CMYK color chart

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

The hexadecimal color #18a350 has RGB values of R:24, G:163, B:80 and CMYK values of C:0.85, M:0, Y:0.51, K:0.36. Its decimal value is 1614672.

Hex triplet	18a350	`#18a350`
RGB Decimal	24, 163, 80	`rgb(24,163,80)`
RGB Percent	9.4, 63.9, 31.4	`rgb(9.4%,63.9%,31.4%)`
CMYK	85, 0, 51, 36
HSL	144.2°, 74.3, 36.7	`hsl(144.2,74.3%,36.7%)`
HSV (or HSB)	144.2°, 85.3, 63.9
Web Safe	009966	`#009966`

CIE-LAB	58.943, -53.305, 33.303
XYZ	14.921, 26.966, 12.008
xyY	0.277, 0.5, 26.966
CIE-LCH	58.943, 62.853, 148.005
CIE-LUV	58.943, -51.181, 49.462
Hunter-Lab	51.929, -39.587, 22.641
Binary	00011000, 10100011, 01010000

#18a350
```
#18a350 rgb(24,163,80)
```
#a3186b
```
#a3186b rgb(163,24,107)
```

Complementary Color

#25a318
```
#25a318 rgb(37,163,24)
```
#18a350
```
#18a350 rgb(24,163,80)
```
#18a396
```
#18a396 rgb(24,163,150)
```

Analogous Color

#a31826
```
#a31826 rgb(163,24,38)
```
#18a350
```
#18a350 rgb(24,163,80)
```
#9618a3
```
#9618a3 rgb(150,24,163)
```

Split Complementary Color

#a35018
```
#a35018 rgb(163,80,24)
```
#18a350
```
#18a350 rgb(24,163,80)
```
#5018a3
```
#5018a3 rgb(80,24,163)
```

Triadic Color

#6ba318
```
#6ba318 rgb(107,163,24)
```
#18a350
```
#18a350 rgb(24,163,80)
```
#5018a3
```
#5018a3 rgb(80,24,163)
```
#a3186b
```
#a3186b rgb(163,24,107)
```

Tetradic Color

#0e602f
```
#0e602f rgb(14,96,47)
```
#11773a
```
#11773a rgb(17,119,58)
```
#158d45
```
#158d45 rgb(21,141,69)
```
#18a350
```
#18a350 rgb(24,163,80)
```
#1bb95b
```
#1bb95b rgb(27,185,91)
```
#1fcf66
```
#1fcf66 rgb(31,207,102)
```
#28df72
```
#28df72 rgb(40,223,114)
```

Monochromatic Color

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

#18a32d
```
#18a32d rgb(24,163,45)
```
#18a339
```
#18a339 rgb(24,163,57)
```
#18a344
```
#18a344 rgb(24,163,68)
```
#18a350
```
#18a350 rgb(24,163,80)
```
#18a35c
```
#18a35c rgb(24,163,92)
```
#18a367
```
#18a367 rgb(24,163,103)
```
#18a373
```
#18a373 rgb(24,163,115)
```

Similar Colors

Text with hexadecimal color #18a350

This text has a font color of #18a350.

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

#18a350 background color

This paragraph has a background color of #18a350.

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

#18a350 border color

This element has a border color of #18a350.

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

CSS codes

.text {color:#18a350;}

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

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

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

#010904
```
#010904 rgb(1,9,4)
```
#041a0d
```
#041a0d rgb(4,26,13)
```
#062b15
```
#062b15 rgb(6,43,21)
```
#093c1e
```
#093c1e rgb(9,60,30)
```
#0b4e26
```
#0b4e26 rgb(11,78,38)
```
#0e5f2e
```
#0e5f2e rgb(14,95,46)
```
#107037
```
#107037 rgb(16,112,55)
```
#13813f
```
#13813f rgb(19,129,63)
```
#159248
```
#159248 rgb(21,146,72)
```
#18a350
```
#18a350 rgb(24,163,80)
```
#1bb458
```
#1bb458 rgb(27,180,88)
```
#1dc561
```
#1dc561 rgb(29,197,97)
```
#20d669
```
#20d669 rgb(32,214,105)
```

Shade Color Variation

#2ae073
```
#2ae073 rgb(42,224,115)
```
#3be27e
```
#3be27e rgb(59,226,126)
```
#4ce58a
```
#4ce58a rgb(76,229,138)
```
#5de795
```
#5de795 rgb(93,231,149)
```
#6eeaa0
```
#6eeaa0 rgb(110,234,160)
```
#7fecab
```
#7fecab rgb(127,236,171)
```
#90efb6
```
#90efb6 rgb(144,239,182)
```
#a2f1c2
```
#a2f1c2 rgb(162,241,194)
```
#b3f4cd
```
#b3f4cd rgb(179,244,205)
```
#c4f6d8
```
#c4f6d8 rgb(196,246,216)
```
#d5f9e3
```
#d5f9e3 rgb(213,249,227)
```
#e6fbef
```
#e6fbef rgb(230,251,239)
```
#f7fefa
```
#f7fefa rgb(247,254,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #59625d is the less saturated color, while #02b94c is the most saturated one.

#59625d
```
#59625d rgb(89,98,93)
```
#52695b
```
#52695b rgb(82,105,91)
```
#4a715a
```
#4a715a rgb(74,113,90)
```
#437858
```
#437858 rgb(67,120,88)
```
#3c7f57
```
#3c7f57 rgb(60,127,87)
```
#358656
```
#358656 rgb(53,134,86)
```
#2e8d54
```
#2e8d54 rgb(46,141,84)
```
#269553
```
#269553 rgb(38,149,83)
```
#1f9c51
```
#1f9c51 rgb(31,156,81)
```
#18a350
```
#18a350 rgb(24,163,80)
```
#11aa4f
```
#11aa4f rgb(17,170,79)
```
#0ab14d
```
#0ab14d rgb(10,177,77)
```
#02b94c
```
#02b94c rgb(2,185,76)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5e7a6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29352 Protanopia 1% of men
#b08d62 Deuteranopia 1% of men
#4f9eaa Tritanopia 0.001% of the population

Trichromacy

#6f9951 Protanomaly 1% of men, 0.01% of women
#79955b Deuteranomaly 6% of men, 0.4% of women
#3ba089 Tritanomaly 0.01% of the population

#18a350 hex color

#18a350 Color Information

#18a350 Color Conversion

Color Schemes with #18a350

Alternatives to #18a350

#18a350 Preview

Shades and Tints of #18a350

Tones of #18a350

Color Blindness Simulator