#18ca80 hex color

In a RGB color space, hex #18ca80 is composed of 9.4% red, 79.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 88.1% cyan, 0% magenta, 36.6% yellow and 20.8% black. It has a hue angle of 155.1 degrees, a saturation of 78.8% and a lightness of 44.3%. #18ca80 color hex could be obtained by blending #30ffff with #009501. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 9
- G 79
- B 50
RGB color chart
- C 88
- M 0
- Y 37
- K 21
CMYK color chart

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

The hexadecimal color #18ca80 has RGB values of R:24, G:202, B:128 and CMYK values of C:0.88, M:0, Y:0.37, K:0.21. Its decimal value is 1624704.

Hex triplet	18ca80	`#18ca80`
RGB Decimal	24, 202, 128	`rgb(24,202,128)`
RGB Percent	9.4, 79.2, 50.2	`rgb(9.4%,79.2%,50.2%)`
CMYK	88, 0, 37, 21
HSL	155.1°, 78.8, 44.3	`hsl(155.1,78.8%,44.3%)`
HSV (or HSB)	155.1°, 88.1, 79.2
Web Safe	00cc99	`#00cc99`

CIE-LAB	72.222, -58.247, 25.573
XYZ	25.392, 43.991, 27.574
xyY	0.262, 0.454, 43.991
CIE-LCH	72.222, 63.613, 156.296
CIE-LUV	72.222, -61.581, 44.314
Hunter-Lab	66.326, -47.735, 21.779
Binary	00011000, 11001010, 10000000

#18ca80
```
#18ca80 rgb(24,202,128)
```
#ca1862
```
#ca1862 rgb(202,24,98)
```

Complementary Color

#18ca27
```
#18ca27 rgb(24,202,39)
```
#18ca80
```
#18ca80 rgb(24,202,128)
```
#18bbca
```
#18bbca rgb(24,187,202)
```

Analogous Color

#ca2718
```
#ca2718 rgb(202,39,24)
```
#18ca80
```
#18ca80 rgb(24,202,128)
```
#ca18bb
```
#ca18bb rgb(202,24,187)
```

Split Complementary Color

#ca8018
```
#ca8018 rgb(202,128,24)
```
#18ca80
```
#18ca80 rgb(24,202,128)
```
#8018ca
```
#8018ca rgb(128,24,202)
```

Triadic Color

#62ca18
```
#62ca18 rgb(98,202,24)
```
#18ca80
```
#18ca80 rgb(24,202,128)
```
#8018ca
```
#8018ca rgb(128,24,202)
```
#ca1862
```
#ca1862 rgb(202,24,98)
```

Tetradic Color

#108655
```
#108655 rgb(16,134,85)
```
#139c63
```
#139c63 rgb(19,156,99)
```
#15b372
```
#15b372 rgb(21,179,114)
```
#18ca80
```
#18ca80 rgb(24,202,128)
```
#1be18e
```
#1be18e rgb(27,225,142)
```
#2fe69a
```
#2fe69a rgb(47,230,154)
```
#46e9a5
```
#46e9a5 rgb(70,233,165)
```

Monochromatic Color

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

#18ca54
```
#18ca54 rgb(24,202,84)
```
#18ca62
```
#18ca62 rgb(24,202,98)
```
#18ca71
```
#18ca71 rgb(24,202,113)
```
#18ca80
```
#18ca80 rgb(24,202,128)
```
#18ca8f
```
#18ca8f rgb(24,202,143)
```
#18ca9e
```
#18ca9e rgb(24,202,158)
```
#18caad
```
#18caad rgb(24,202,173)
```

Similar Colors

Text with hexadecimal color #18ca80

This text has a font color of #18ca80.

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

#18ca80 background color

This paragraph has a background color of #18ca80.

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

#18ca80 border color

This element has a border color of #18ca80.

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

CSS codes

.text {color:#18ca80;}

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

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

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

#010906
```
#010906 rgb(1,9,6)
```
#031b11
```
#031b11 rgb(3,27,17)
```
#052c1c
```
#052c1c rgb(5,44,28)
```
#073e27
```
#073e27 rgb(7,62,39)
```
#094f32
```
#094f32 rgb(9,79,50)
```
#0c613d
```
#0c613d rgb(12,97,61)
```
#0e7248
```
#0e7248 rgb(14,114,72)
```
#108454
```
#108454 rgb(16,132,84)
```
#12955f
```
#12955f rgb(18,149,95)
```
#14a76a
```
#14a76a rgb(20,167,106)
```
#16b875
```
#16b875 rgb(22,184,117)
```
#18ca80
```
#18ca80 rgb(24,202,128)
```
#1adc8b
```
#1adc8b rgb(26,220,139)
```

Shade Color Variation

#24e595
```
#24e595 rgb(36,229,149)
```
#36e79d
```
#36e79d rgb(54,231,157)
```
#47e9a6
```
#47e9a6 rgb(71,233,166)
```
#59ebae
```
#59ebae rgb(89,235,174)
```
#6aedb7
```
#6aedb7 rgb(106,237,183)
```
#7cefbf
```
#7cefbf rgb(124,239,191)
```
#8df2c8
```
#8df2c8 rgb(141,242,200)
```
#9ff4d0
```
#9ff4d0 rgb(159,244,208)
```
#b0f6d9
```
#b0f6d9 rgb(176,246,217)
```
#c2f8e1
```
#c2f8e1 rgb(194,248,225)
```
#d4faea
```
#d4faea rgb(212,250,234)
```
#e5fcf2
```
#e5fcf2 rgb(229,252,242)
```
#f7fefb
```
#f7fefb rgb(247,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7371 is the less saturated color, while #07db83 is the most saturated one.

#6f7371
```
#6f7371 rgb(111,115,113)
```
#667c73
```
#667c73 rgb(102,124,115)
```
#5e8474
```
#5e8474 rgb(94,132,116)
```
#558d76
```
#558d76 rgb(85,141,118)
```
#4c9677
```
#4c9677 rgb(76,150,119)
```
#439f79
```
#439f79 rgb(67,159,121)
```
#3ba77a
```
#3ba77a rgb(59,167,122)
```
#32b07c
```
#32b07c rgb(50,176,124)
```
#29b97d
```
#29b97d rgb(41,185,125)
```
#21c17f
```
#21c17f rgb(33,193,127)
```
#18ca80
```
#18ca80 rgb(24,202,128)
```
#0fd381
```
#0fd381 rgb(15,211,129)
```
#07db83
```
#07db83 rgb(7,219,131)
```

Tone Color Variation

Below, you can see how #18ca80 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
#75988a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b57d Protanopia 1% of men
#d2ae91 Deuteranopia 1% of men
#59c3d1 Tritanopia 0.001% of the population

Trichromacy

#85bc7e Protanomaly 1% of men, 0.01% of women
#8eb88a Deuteranomaly 6% of men, 0.4% of women
#41c5b3 Tritanomaly 0.01% of the population

#18ca80 hex color

#18ca80 Color Information

#18ca80 Color Conversion

Color Schemes with #18ca80

Alternatives to #18ca80

#18ca80 Preview

Shades and Tints of #18ca80

Tones of #18ca80

Color Blindness Simulator