#18cd48 hex color

In a RGB color space, hex #18cd48 is composed of 9.4% red, 80.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 88.3% cyan, 0% magenta, 64.9% yellow and 19.6% black. It has a hue angle of 135.9 degrees, a saturation of 79% and a lightness of 44.9%. #18cd48 color hex could be obtained by blending #30ff90 with #009b00. Closest websafe color is: #00cc33.

♥
- f
- t
- g
- R 9
- G 80
- B 28
RGB color chart
- C 88
- M 0
- Y 65
- K 20
CMYK color chart

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

The hexadecimal color #18cd48 has RGB values of R:24, G:205, B:72 and CMYK values of C:0.88, M:0, Y:0.65, K:0.2. Its decimal value is 1625416.

Hex triplet	18cd48	`#18cd48`
RGB Decimal	24, 205, 72	`rgb(24,205,72)`
RGB Percent	9.4, 80.4, 28.2	`rgb(9.4%,80.4%,28.2%)`
CMYK	88, 0, 65, 20
HSL	135.9°, 79, 44.9	`hsl(135.9,79%,44.9%)`
HSV (or HSB)	135.9°, 88.3, 80.4
Web Safe	00cc33	`#00cc33`

CIE-LAB	72.443, -67.954, 52.874
XYZ	23.376, 44.322, 13.454
xyY	0.288, 0.546, 44.322
CIE-LCH	72.443, 86.101, 142.114
CIE-LUV	72.443, -65.452, 74.563
Hunter-Lab	66.575, -53.83, 34.621
Binary	00011000, 11001101, 01001000

#18cd48
```
#18cd48 rgb(24,205,72)
```
#cd189d
```
#cd189d rgb(205,24,157)
```

Complementary Color

#43cd18
```
#43cd18 rgb(67,205,24)
```
#18cd48
```
#18cd48 rgb(24,205,72)
```
#18cda3
```
#18cda3 rgb(24,205,163)
```

Analogous Color

#cd1843
```
#cd1843 rgb(205,24,67)
```
#18cd48
```
#18cd48 rgb(24,205,72)
```
#a318cd
```
#a318cd rgb(163,24,205)
```

Split Complementary Color

#cd4818
```
#cd4818 rgb(205,72,24)
```
#18cd48
```
#18cd48 rgb(24,205,72)
```
#4818cd
```
#4818cd rgb(72,24,205)
```

Triadic Color

#9dcd18
```
#9dcd18 rgb(157,205,24)
```
#18cd48
```
#18cd48 rgb(24,205,72)
```
#4818cd
```
#4818cd rgb(72,24,205)
```
#cd189d
```
#cd189d rgb(205,24,157)
```

Tetradic Color

#108930
```
#108930 rgb(16,137,48)
```
#139f38
```
#139f38 rgb(19,159,56)
```
#15b640
```
#15b640 rgb(21,182,64)
```
#18cd48
```
#18cd48 rgb(24,205,72)
```
#1be450
```
#1be450 rgb(27,228,80)
```
#31e761
```
#31e761 rgb(49,231,97)
```
#48ea73
```
#48ea73 rgb(72,234,115)
```

Monochromatic Color

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

#18cd1b
```
#18cd1b rgb(24,205,27)
```
#18cd2a
```
#18cd2a rgb(24,205,42)
```
#18cd39
```
#18cd39 rgb(24,205,57)
```
#18cd48
```
#18cd48 rgb(24,205,72)
```
#18cd57
```
#18cd57 rgb(24,205,87)
```
#18cd66
```
#18cd66 rgb(24,205,102)
```
#18cd75
```
#18cd75 rgb(24,205,117)
```

Similar Colors

Text with hexadecimal color #18cd48

This text has a font color of #18cd48.

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

#18cd48 background color

This paragraph has a background color of #18cd48.

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

#18cd48 border color

This element has a border color of #18cd48.

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

CSS codes

.text {color:#18cd48;}

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

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

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

#010c04
```
#010c04 rgb(1,12,4)
```
#031d0a
```
#031d0a rgb(3,29,10)
```
#052f10
```
#052f10 rgb(5,47,16)
```
#084117
```
#084117 rgb(8,65,23)
```
#0a521d
```
#0a521d rgb(10,82,29)
```
#0c6423
```
#0c6423 rgb(12,100,35)
```
#0e7529
```
#0e7529 rgb(14,117,41)
```
#10872f
```
#10872f rgb(16,135,47)
```
#129835
```
#129835 rgb(18,152,53)
```
#14aa3c
```
#14aa3c rgb(20,170,60)
```
#16bb42
```
#16bb42 rgb(22,187,66)
```
#18cd48
```
#18cd48 rgb(24,205,72)
```
#1adf4e
```
#1adf4e rgb(26,223,78)
```

Shade Color Variation

#27e659
```
#27e659 rgb(39,230,89)
```
#38e867
```
#38e867 rgb(56,232,103)
```
#4aea74
```
#4aea74 rgb(74,234,116)
```
#5bec82
```
#5bec82 rgb(91,236,130)
```
#6dee8f
```
#6dee8f rgb(109,238,143)
```
#7ef09c
```
#7ef09c rgb(126,240,156)
```
#90f2aa
```
#90f2aa rgb(144,242,170)
```
#a1f4b7
```
#a1f4b7 rgb(161,244,183)
```
#b3f6c5
```
#b3f6c5 rgb(179,246,197)
```
#c5f8d2
```
#c5f8d2 rgb(197,248,210)
```
#d6fae0
```
#d6fae0 rgb(214,250,224)
```
#e8fced
```
#e8fced rgb(232,252,237)
```
#f9fefb
```
#f9fefb rgb(249,254,251)
```

Tint Color Variation

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

#707571
```
#707571 rgb(112,117,113)
```
#677e6d
```
#677e6d rgb(103,126,109)
```
#5e8769
```
#5e8769 rgb(94,135,105)
```
#568f65
```
#568f65 rgb(86,143,101)
```
#4d9861
```
#4d9861 rgb(77,152,97)
```
#44a15d
```
#44a15d rgb(68,161,93)
```
#3baa59
```
#3baa59 rgb(59,170,89)
```
#32b354
```
#32b354 rgb(50,179,84)
```
#2abb50
```
#2abb50 rgb(42,187,80)
```
#21c44c
```
#21c44c rgb(33,196,76)
```
#18cd48
```
#18cd48 rgb(24,205,72)
```
#0fd644
```
#0fd644 rgb(15,214,68)
```
#06df40
```
#06df40 rgb(6,223,64)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#72967b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b54a Protanopia 1% of men
#ddad5f Deuteranopia 1% of men
#64c2d1 Tritanopia 0.001% of the population

Trichromacy

#89be49 Protanomaly 1% of men, 0.01% of women
#95b956 Deuteranomaly 6% of men, 0.4% of women
#48c69f Tritanomaly 0.01% of the population

#18cd48 hex color

#18cd48 Color Information

#18cd48 Color Conversion

Color Schemes with #18cd48

Alternatives to #18cd48

#18cd48 Preview

Shades and Tints of #18cd48

Tones of #18cd48

Color Blindness Simulator