#18b228 hex color

In a RGB color space, hex #18b228 is composed of 9.4% red, 69.8% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 0% magenta, 77.5% yellow and 30.2% black. It has a hue angle of 126.2 degrees, a saturation of 76.2% and a lightness of 39.6%. #18b228 color hex could be obtained by blending #30ff50 with #006500. Closest websafe color is: #009933.

♥
- f
- t
- g
- R 9
- G 70
- B 16
RGB color chart
- C 87
- M 0
- Y 78
- K 30
CMYK color chart

● #18b228 color description : Dark lime green.

The hexadecimal color #18b228 has RGB values of R:24, G:178, B:40 and CMYK values of C:0.87, M:0, Y:0.78, K:0.3. Its decimal value is 1618472.

Hex triplet	18b228	`#18b228`
RGB Decimal	24, 178, 40	`rgb(24,178,40)`
RGB Percent	9.4, 69.8, 15.7	`rgb(9.4%,69.8%,15.7%)`
CMYK	87, 0, 78, 30
HSL	126.2°, 76.2, 39.6	`hsl(126.2,76.2%,39.6%)`
HSV (or HSB)	126.2°, 86.5, 69.8
Web Safe	009933	`#009933`

CIE-LAB	63.497, -62.729, 55.663
XYZ	16.679, 32.186, 7.341
xyY	0.297, 0.573, 32.186
CIE-LCH	63.497, 83.864, 138.415
CIE-LUV	63.497, -57.705, 71.927
Hunter-Lab	56.733, -46.805, 32.041
Binary	00011000, 10110010, 00101000

#18b228
```
#18b228 rgb(24,178,40)
```
#b218a2
```
#b218a2 rgb(178,24,162)
```

Complementary Color

#55b218
```
#55b218 rgb(85,178,24)
```
#18b228
```
#18b228 rgb(24,178,40)
```
#18b275
```
#18b275 rgb(24,178,117)
```

Analogous Color

#b21855
```
#b21855 rgb(178,24,85)
```
#18b228
```
#18b228 rgb(24,178,40)
```
#7518b2
```
#7518b2 rgb(117,24,178)
```

Split Complementary Color

#b22818
```
#b22818 rgb(178,40,24)
```
#18b228
```
#18b228 rgb(24,178,40)
```
#2818b2
```
#2818b2 rgb(40,24,178)
```

Triadic Color

#a2b218
```
#a2b218 rgb(162,178,24)
```
#18b228
```
#18b228 rgb(24,178,40)
```
#2818b2
```
#2818b2 rgb(40,24,178)
```
#b218a2
```
#b218a2 rgb(178,24,162)
```

Tetradic Color

#0f6f19
```
#0f6f19 rgb(15,111,25)
```
#12851e
```
#12851e rgb(18,133,30)
```
#159c23
```
#159c23 rgb(21,156,35)
```
#18b228
```
#18b228 rgb(24,178,40)
```
#1bc82d
```
#1bc82d rgb(27,200,45)
```
#1edf32
```
#1edf32 rgb(30,223,50)
```
#33e345
```
#33e345 rgb(51,227,69)
```

Monochromatic Color

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

#2fb218
```
#2fb218 rgb(47,178,24)
```
#22b218
```
#22b218 rgb(34,178,24)
```
#18b21b
```
#18b21b rgb(24,178,27)
```
#18b228
```
#18b228 rgb(24,178,40)
```
#18b235
```
#18b235 rgb(24,178,53)
```
#18b242
```
#18b242 rgb(24,178,66)
```
#18b24f
```
#18b24f rgb(24,178,79)
```

Similar Colors

Text with hexadecimal color #18b228

This text has a font color of #18b228.

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

#18b228 background color

This paragraph has a background color of #18b228.

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

#18b228 border color

This element has a border color of #18b228.

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

CSS codes

.text {color:#18b228;}

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

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

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

#010501
```
#010501 rgb(1,5,1)
```
#031605
```
#031605 rgb(3,22,5)
```
#052809
```
#052809 rgb(5,40,9)
```
#08390d
```
#08390d rgb(8,57,13)
```
#0a4a11
```
#0a4a11 rgb(10,74,17)
```
#0c5c15
```
#0c5c15 rgb(12,92,21)
```
#0f6d18
```
#0f6d18 rgb(15,109,24)
```
#117e1c
```
#117e1c rgb(17,126,28)
```
#138f20
```
#138f20 rgb(19,143,32)
```
#16a124
```
#16a124 rgb(22,161,36)
```
#18b228
```
#18b228 rgb(24,178,40)
```
#1ac32c
```
#1ac32c rgb(26,195,44)
```
#1dd530
```
#1dd530 rgb(29,213,48)
```

Shade Color Variation

#23e137
```
#23e137 rgb(35,225,55)
```
#35e447
```
#35e447 rgb(53,228,71)
```
#46e657
```
#46e657 rgb(70,230,87)
```
#57e866
```
#57e866 rgb(87,232,102)
```
#69eb76
```
#69eb76 rgb(105,235,118)
```
#7aed86
```
#7aed86 rgb(122,237,134)
```
#8bef96
```
#8bef96 rgb(139,239,150)
```
#9cf2a5
```
#9cf2a5 rgb(156,242,165)
```
#aef4b5
```
#aef4b5 rgb(174,244,181)
```
#bff6c5
```
#bff6c5 rgb(191,246,197)
```
#d0f9d4
```
#d0f9d4 rgb(208,249,212)
```
#e2fbe4
```
#e2fbe4 rgb(226,251,228)
```
#f3fdf4
```
#f3fdf4 rgb(243,253,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6c5f is the less saturated color, while #01c916 is the most saturated one.

#5e6c5f
```
#5e6c5f rgb(94,108,95)
```
#567459
```
#567459 rgb(86,116,89)
```
#4e7c53
```
#4e7c53 rgb(78,124,83)
```
#47834d
```
#47834d rgb(71,131,77)
```
#3f8b47
```
#3f8b47 rgb(63,139,71)
```
#379341
```
#379341 rgb(55,147,65)
```
#2f9b3a
```
#2f9b3a rgb(47,155,58)
```
#28a234
```
#28a234 rgb(40,162,52)
```
#20aa2e
```
#20aa2e rgb(32,170,46)
```
#18b228
```
#18b228 rgb(24,178,40)
```
#10ba22
```
#10ba22 rgb(16,186,34)
```
#08c21c
```
#08c21c rgb(8,194,28)
```
#01c916
```
#01c916 rgb(1,201,22)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#628065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b19f2d Protanopia 1% of men
#c49742 Deuteranopia 1% of men
#5baab6 Tritanopia 0.001% of the population

Trichromacy

#79a62b Protanomaly 1% of men, 0.01% of women
#85a139 Deuteranomaly 6% of men, 0.4% of women
#42ad82 Tritanomaly 0.01% of the population

#18b228 hex color

#18b228 Color Information

#18b228 Color Conversion

Color Schemes with #18b228

Alternatives to #18b228

#18b228 Preview

Shades and Tints of #18b228

Tones of #18b228

Color Blindness Simulator