colorhexa.com

#18a550 hex color

In a RGB color space, hex #18a550 is composed of 9.4% red, 64.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 0% magenta, 51.5% yellow and 35.3% black. It has a hue angle of 143.8 degrees, a saturation of 74.6% and a lightness of 37.1%. #18a550 color hex could be obtained by blending #30ffa0 with #004b00. Closest websafe color is: #009966.

- R 9
- G 65
- B 31
RGB color chart
- C 85
- M 0
- Y 52
- K 35
CMYK color chart

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

The hexadecimal color #18a550 has RGB values of R:24, G:165, B:80 and CMYK values of C:0.85, M:0, Y:0.52, K:0.35. Its decimal value is 1615184.

Hex triplet	18a550	`#18a550`
RGB Decimal	24, 165, 80	`rgb(24,165,80)`
RGB Percent	9.4, 64.7, 31.4	`rgb(9.4%,64.7%,31.4%)`
CMYK	85, 0, 52, 35
HSL	143.8°, 74.6, 37.1	`hsl(143.8,74.6%,37.1%)`
HSV (or HSB)	143.8°, 85.5, 64.7
Web Safe	009966	`#009966`

CIE-LAB	59.6, -53.999, 34.119
XYZ	15.279, 27.682, 12.127
xyY	0.277, 0.503, 27.682
CIE-LCH	59.6, 63.875, 147.713
CIE-LUV	59.6, -51.867, 50.576
Hunter-Lab	52.614, -40.239, 23.164
Binary	00011000, 10100101, 01010000

#18a550
```
#18a550 rgb(24,165,80)
```
#a5186d
```
#a5186d rgb(165,24,109)
```

Complementary Color

#27a518
```
#27a518 rgb(39,165,24)
```
#18a550
```
#18a550 rgb(24,165,80)
```
#18a597
```
#18a597 rgb(24,165,151)
```

Analogous Color

#a51826
```
#a51826 rgb(165,24,38)
```
#18a550
```
#18a550 rgb(24,165,80)
```
#9718a5
```
#9718a5 rgb(151,24,165)
```

Split Complementary Color

#a55018
```
#a55018 rgb(165,80,24)
```
#18a550
```
#18a550 rgb(24,165,80)
```
#5018a5
```
#5018a5 rgb(80,24,165)
```

Triadic Color

#6da518
```
#6da518 rgb(109,165,24)
```
#18a550
```
#18a550 rgb(24,165,80)
```
#5018a5
```
#5018a5 rgb(80,24,165)
```
#a5186d
```
#a5186d rgb(165,24,109)
```

Tetradic Color

#0e6230
```
#0e6230 rgb(14,98,48)
```
#12783a
```
#12783a rgb(18,120,58)
```
#158f45
```
#158f45 rgb(21,143,69)
```
#18a550
```
#18a550 rgb(24,165,80)
```
#1bbb5b
```
#1bbb5b rgb(27,187,91)
```
#1ed266
```
#1ed266 rgb(30,210,102)
```
#2ae072
```
#2ae072 rgb(42,224,114)
```

Monochromatic Color

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

#18a52d
```
#18a52d rgb(24,165,45)
```
#18a539
```
#18a539 rgb(24,165,57)
```
#18a544
```
#18a544 rgb(24,165,68)
```
#18a550
```
#18a550 rgb(24,165,80)
```
#18a55c
```
#18a55c rgb(24,165,92)
```
#18a568
```
#18a568 rgb(24,165,104)
```
#18a573
```
#18a573 rgb(24,165,115)
```

Similar Colors

Text with hexadecimal color #18a550

This text has a font color of #18a550.

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

#18a550 background color

This paragraph has a background color of #18a550.

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

#18a550 border color

This element has a border color of #18a550.

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

CSS codes

.text {color:#18a550;}

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

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

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

#020b05
```
#020b05 rgb(2,11,5)
```
#041c0e
```
#041c0e rgb(4,28,14)
```
#072d16
```
#072d16 rgb(7,45,22)
```
#093e1e
```
#093e1e rgb(9,62,30)
```
#0c4f26
```
#0c4f26 rgb(12,79,38)
```
#0e612f
```
#0e612f rgb(14,97,47)
```
#117237
```
#117237 rgb(17,114,55)
```
#13833f
```
#13833f rgb(19,131,63)
```
#169448
```
#169448 rgb(22,148,72)
```
#18a550
```
#18a550 rgb(24,165,80)
```
#1ab658
```
#1ab658 rgb(26,182,88)
```
#1dc761
```
#1dc761 rgb(29,199,97)
```
#1fd869
```
#1fd869 rgb(31,216,105)
```

Shade Color Variation

#2be073
```
#2be073 rgb(43,224,115)
```
#3ce37e
```
#3ce37e rgb(60,227,126)
```
#4ee58a
```
#4ee58a rgb(78,229,138)
```
#5fe895
```
#5fe895 rgb(95,232,149)
```
#70eaa0
```
#70eaa0 rgb(112,234,160)
```
#81edac
```
#81edac rgb(129,237,172)
```
#92efb7
```
#92efb7 rgb(146,239,183)
```
#a3f2c2
```
#a3f2c2 rgb(163,242,194)
```
#b4f4ce
```
#b4f4ce rgb(180,244,206)
```
#c5f7d9
```
#c5f7d9 rgb(197,247,217)
```
#d7f9e4
```
#d7f9e4 rgb(215,249,228)
```
#e8fcf0
```
#e8fcf0 rgb(232,252,240)
```
#f9fefb
```
#f9fefb rgb(249,254,251)
```

Tint Color Variation

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

#59645d
```
#59645d rgb(89,100,93)
```
#526b5c
```
#526b5c rgb(82,107,92)
```
#4b725a
```
#4b725a rgb(75,114,90)
```
#447959
```
#447959 rgb(68,121,89)
```
#3c8157
```
#3c8157 rgb(60,129,87)
```
#358856
```
#358856 rgb(53,136,86)
```
#2e8f54
```
#2e8f54 rgb(46,143,84)
```
#279653
```
#279653 rgb(39,150,83)
```
#1f9e51
```
#1f9e51 rgb(31,158,81)
```
#18a550
```
#18a550 rgb(24,165,80)
```
#11ac4f
```
#11ac4f rgb(17,172,79)
```
#09b44d
```
#09b44d rgb(9,180,77)
```
#02bb4c
```
#02bb4c rgb(2,187,76)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#5f7b6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49552 Protanopia 1% of men
#b28f62 Deuteranopia 1% of men
#50a0ac Tritanopia 0.001% of the population

Trichromacy

#719b51 Protanomaly 1% of men, 0.01% of women
#7a975b Deuteranomaly 6% of men, 0.4% of women
#3ca28a Tritanomaly 0.01% of the population