colorhexa.com

#18e6b2 hex color

In a RGB color space, hex #18e6b2 is composed of 9.4% red, 90.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 0% magenta, 22.6% yellow and 9.8% black. It has a hue angle of 164.9 degrees, a saturation of 81.1% and a lightness of 49.8%. #18e6b2 color hex could be obtained by blending #30ffff with #00cd65. Closest websafe color is: #00ff99.

- R 9
- G 90
- B 70
RGB color chart
- C 90
- M 0
- Y 23
- K 10
CMYK color chart

● #18e6b2 color description : Vivid cyan - lime green.

The hexadecimal color #18e6b2 has RGB values of R:24, G:230, B:178 and CMYK values of C:0.9, M:0, Y:0.23, K:0.1. Its decimal value is 1631922.

Hex triplet	18e6b2	`#18e6b2`
RGB Decimal	24, 230, 178	`rgb(24,230,178)`
RGB Percent	9.4, 90.2, 69.8	`rgb(9.4%,90.2%,69.8%)`
CMYK	90, 0, 23, 10
HSL	164.9°, 81.1, 49.8	`hsl(164.9,81.1%,49.8%)`
HSV (or HSB)	164.9°, 89.6, 90.2
Web Safe	00ff99	`#00ff99`

CIE-LAB	81.837, -57.599, 12.592
XYZ	36.706, 59.998, 51.763
xyY	0.247, 0.404, 59.998
CIE-LCH	81.837, 58.959, 167.668
CIE-LUV	81.837, -67.43, 27.84
Hunter-Lab	77.459, -50.965, 14.599
Binary	00011000, 11100110, 10110010

#18e6b2
```
#18e6b2 rgb(24,230,178)
```
#e6184c
```
#e6184c rgb(230,24,76)
```

Complementary Color

#18e64b
```
#18e64b rgb(24,230,75)
```
#18e6b2
```
#18e6b2 rgb(24,230,178)
```
#18b3e6
```
#18b3e6 rgb(24,179,230)
```

Analogous Color

#e64b18
```
#e64b18 rgb(230,75,24)
```
#18e6b2
```
#18e6b2 rgb(24,230,178)
```
#e618b3
```
#e618b3 rgb(230,24,179)
```

Split Complementary Color

#e6b218
```
#e6b218 rgb(230,178,24)
```
#18e6b2
```
#18e6b2 rgb(24,230,178)
```
#b218e6
```
#b218e6 rgb(178,24,230)
```

Triadic Color

#4ce618
```
#4ce618 rgb(76,230,24)
```
#18e6b2
```
#18e6b2 rgb(24,230,178)
```
#b218e6
```
#b218e6 rgb(178,24,230)
```
#e6184c
```
#e6184c rgb(230,24,76)
```

Tetradic Color

#11a17c
```
#11a17c rgb(17,161,124)
```
#13b88e
```
#13b88e rgb(19,184,142)
```
#16cfa0
```
#16cfa0 rgb(22,207,160)
```
#18e6b2
```
#18e6b2 rgb(24,230,178)
```
#2ee9ba
```
#2ee9ba rgb(46,233,186)
```
#45ecc2
```
#45ecc2 rgb(69,236,194)
```
#5ceec9
```
#5ceec9 rgb(92,238,201)
```

Monochromatic Color

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

#18e67f
```
#18e67f rgb(24,230,127)
```
#18e690
```
#18e690 rgb(24,230,144)
```
#18e6a1
```
#18e6a1 rgb(24,230,161)
```
#18e6b2
```
#18e6b2 rgb(24,230,178)
```
#18e6c3
```
#18e6c3 rgb(24,230,195)
```
#18e6d4
```
#18e6d4 rgb(24,230,212)
```
#18e6e6
```
#18e6e6 rgb(24,230,230)
```

Similar Colors

Text with hexadecimal color #18e6b2

This text has a font color of #18e6b2.

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

#18e6b2 background color

This paragraph has a background color of #18e6b2.

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

#18e6b2 border color

This element has a border color of #18e6b2.

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

CSS codes

.text {color:#18e6b2;}

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

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

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, #02110d is the darkest color, while #feffff is the lightest one.

#02110d
```
#02110d rgb(2,17,13)
```
#04231b
```
#04231b rgb(4,35,27)
```
#053429
```
#053429 rgb(5,52,41)
```
#074636
```
#074636 rgb(7,70,54)
```
#095844
```
#095844 rgb(9,88,68)
```
#0b6a52
```
#0b6a52 rgb(11,106,82)
```
#0d7b60
```
#0d7b60 rgb(13,123,96)
```
#0f8d6d
```
#0f8d6d rgb(15,141,109)
```
#119f7b
```
#119f7b rgb(17,159,123)
```
#12b189
```
#12b189 rgb(18,177,137)
```
#14c297
```
#14c297 rgb(20,194,151)
```
#16d4a4
```
#16d4a4 rgb(22,212,164)
```
#18e6b2
```
#18e6b2 rgb(24,230,178)
```

Shade Color Variation

#29e9b8
```
#29e9b8 rgb(41,233,184)
```
#3bebbe
```
#3bebbe rgb(59,235,190)
```
#4cecc4
```
#4cecc4 rgb(76,236,196)
```
#5eeeca
```
#5eeeca rgb(94,238,202)
```
#70f0d0
```
#70f0d0 rgb(112,240,208)
```
#82f2d6
```
#82f2d6 rgb(130,242,214)
```
#94f4db
```
#94f4db rgb(148,244,219)
```
#a5f6e1
```
#a5f6e1 rgb(165,246,225)
```
#b7f7e7
```
#b7f7e7 rgb(183,247,231)
```
#c9f9ed
```
#c9f9ed rgb(201,249,237)
```
#dbfbf3
```
#dbfbf3 rgb(219,251,243)
```
#ecfdf9
```
#ecfdf9 rgb(236,253,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8482 is the less saturated color, while #04fabc is the most saturated one.

#7a8482
```
#7a8482 rgb(122,132,130)
```
#708e86
```
#708e86 rgb(112,142,134)
```
#66988b
```
#66988b rgb(102,152,139)
```
#5ca290
```
#5ca290 rgb(92,162,144)
```
#53ab95
```
#53ab95 rgb(83,171,149)
```
#49b59a
```
#49b59a rgb(73,181,154)
```
#3fbf9f
```
#3fbf9f rgb(63,191,159)
```
#35c9a3
```
#35c9a3 rgb(53,201,163)
```
#2cd2a8
```
#2cd2a8 rgb(44,210,168)
```
#22dcad
```
#22dcad rgb(34,220,173)
```
#18e6b2
```
#18e6b2 rgb(24,230,178)
```
#0ef0b7
```
#0ef0b7 rgb(14,240,183)
```
#04fabc
```
#04fabc rgb(4,250,188)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#86b0a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9cdaa Protanopia 1% of men
#e6c7c1 Deuteranopia 1% of men
#5adfef Tritanopia 0.001% of the population

Trichromacy

#93d6ad Protanomaly 1% of men, 0.01% of women
#9bd2bb Deuteranomaly 6% of men, 0.4% of women
#42e1d9 Tritanomaly 0.01% of the population