#18d448 hex color

In a RGB color space, hex #18d448 is composed of 9.4% red, 83.1% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 88.7% cyan, 0% magenta, 66% yellow and 16.9% black. It has a hue angle of 135.3 degrees, a saturation of 79.7% and a lightness of 46.3%. #18d448 color hex could be obtained by blending #30ff90 with #00a900. Closest websafe color is: #00cc33.

♥
- f
- t
- g
- R 9
- G 83
- B 28
RGB color chart
- C 89
- M 0
- Y 66
- K 17
CMYK color chart

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

The hexadecimal color #18d448 has RGB values of R:24, G:212, B:72 and CMYK values of C:0.89, M:0, Y:0.66, K:0.17. Its decimal value is 1627208.

Hex triplet	18d448	`#18d448`
RGB Decimal	24, 212, 72	`rgb(24,212,72)`
RGB Percent	9.4, 83.1, 28.2	`rgb(9.4%,83.1%,28.2%)`
CMYK	89, 0, 66, 17
HSL	135.3°, 79.7, 46.3	`hsl(135.3,79.7%,46.3%)`
HSV (or HSB)	135.3°, 88.7, 83.1
Web Safe	00cc33	`#00cc33`

CIE-LAB	74.665, -70.06, 55.315
XYZ	25.088, 47.746, 14.024
xyY	0.289, 0.55, 47.746
CIE-LCH	74.665, 89.264, 141.708
CIE-LUV	74.665, -67.686, 77.867
Hunter-Lab	69.099, -56.113, 36.336
Binary	00011000, 11010100, 01001000

#18d448
```
#18d448 rgb(24,212,72)
```
#d418a4
```
#d418a4 rgb(212,24,164)
```

Complementary Color

#46d418
```
#46d418 rgb(70,212,24)
```
#18d448
```
#18d448 rgb(24,212,72)
```
#18d4a6
```
#18d4a6 rgb(24,212,166)
```

Analogous Color

#d41846
```
#d41846 rgb(212,24,70)
```
#18d448
```
#18d448 rgb(24,212,72)
```
#a618d4
```
#a618d4 rgb(166,24,212)
```

Split Complementary Color

#d44818
```
#d44818 rgb(212,72,24)
```
#18d448
```
#18d448 rgb(24,212,72)
```
#4818d4
```
#4818d4 rgb(72,24,212)
```

Triadic Color

#a4d418
```
#a4d418 rgb(164,212,24)
```
#18d448
```
#18d448 rgb(24,212,72)
```
#4818d4
```
#4818d4 rgb(72,24,212)
```
#d418a4
```
#d418a4 rgb(212,24,164)
```

Tetradic Color

#108f31
```
#108f31 rgb(16,143,49)
```
#13a638
```
#13a638 rgb(19,166,56)
```
#15bd40
```
#15bd40 rgb(21,189,64)
```
#18d448
```
#18d448 rgb(24,212,72)
```
#20e652
```
#20e652 rgb(32,230,82)
```
#37e864
```
#37e864 rgb(55,232,100)
```
#4eeb76
```
#4eeb76 rgb(78,235,118)
```

Monochromatic Color

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

#18d419
```
#18d419 rgb(24,212,25)
```
#18d429
```
#18d429 rgb(24,212,41)
```
#18d438
```
#18d438 rgb(24,212,56)
```
#18d448
```
#18d448 rgb(24,212,72)
```
#18d458
```
#18d458 rgb(24,212,88)
```
#18d467
```
#18d467 rgb(24,212,103)
```
#18d477
```
#18d477 rgb(24,212,119)
```

Similar Colors

Text with hexadecimal color #18d448

This text has a font color of #18d448.

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

#18d448 background color

This paragraph has a background color of #18d448.

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

#18d448 border color

This element has a border color of #18d448.

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

CSS codes

.text {color:#18d448;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#021206
```
#021206 rgb(2,18,6)
```
#04240c
```
#04240c rgb(4,36,12)
```
#063512
```
#063512 rgb(6,53,18)
```
#084718
```
#084718 rgb(8,71,24)
```
#0a591e
```
#0a591e rgb(10,89,30)
```
#0c6a24
```
#0c6a24 rgb(12,106,36)
```
#0e7c2a
```
#0e7c2a rgb(14,124,42)
```
#108e30
```
#108e30 rgb(16,142,48)
```
#129f36
```
#129f36 rgb(18,159,54)
```
#14b13c
```
#14b13c rgb(20,177,60)
```
#16c242
```
#16c242 rgb(22,194,66)
```
#18d448
```
#18d448 rgb(24,212,72)
```

Shade Color Variation

#1ae54e
```
#1ae54e rgb(26,229,78)
```
#2ce75c
```
#2ce75c rgb(44,231,92)
```
#3ee969
```
#3ee969 rgb(62,233,105)
```
#4feb77
```
#4feb77 rgb(79,235,119)
```
#61ed85
```
#61ed85 rgb(97,237,133)
```
#73ef92
```
#73ef92 rgb(115,239,146)
```
#84f1a0
```
#84f1a0 rgb(132,241,160)
```
#96f3ae
```
#96f3ae rgb(150,243,174)
```
#a7f5bb
```
#a7f5bb rgb(167,245,187)
```
#b9f7c9
```
#b9f7c9 rgb(185,247,201)
```
#cbf9d7
```
#cbf9d7 rgb(203,249,215)
```
#dcfbe4
```
#dcfbe4 rgb(220,251,228)
```
#eefdf2
```
#eefdf2 rgb(238,253,242)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737974 is the less saturated color, while #06e63f is the most saturated one.

#737974
```
#737974 rgb(115,121,116)
```
#6a8270
```
#6a8270 rgb(106,130,112)
```
#618b6c
```
#618b6c rgb(97,139,108)
```
#589467
```
#589467 rgb(88,148,103)
```
#4e9e63
```
#4e9e63 rgb(78,158,99)
```
#45a75e
```
#45a75e rgb(69,167,94)
```
#3cb05a
```
#3cb05a rgb(60,176,90)
```
#33b955
```
#33b955 rgb(51,185,85)
```
#2ac251
```
#2ac251 rgb(42,194,81)
```
#21cb4c
```
#21cb4c rgb(33,203,76)
```
#18d448
```
#18d448 rgb(24,212,72)
```
#0fdd44
```
#0fdd44 rgb(15,221,68)
```
#06e63f
```
#06e63f rgb(6,230,63)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#759a7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0bb4a Protanopia 1% of men
#e5b360 Deuteranopia 1% of men
#67c9d7 Tritanopia 0.001% of the population

Trichromacy

#8dc449 Protanomaly 1% of men, 0.01% of women
#9abf57 Deuteranomaly 6% of men, 0.4% of women
#4acda3 Tritanomaly 0.01% of the population

#18d448 hex color

#18d448 Color Information

#18d448 Color Conversion

Color Schemes with #18d448

Alternatives to #18d448

#18d448 Preview

Shades and Tints of #18d448

Tones of #18d448

Color Blindness Simulator