colorhexa.com

#18e6b9 hex color

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

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

● #18e6b9 color description : Vivid cyan.

The hexadecimal color #18e6b9 has RGB values of R:24, G:230, B:185 and CMYK values of C:0.9, M:0, Y:0.2, K:0.1. Its decimal value is 1631929.

Hex triplet	18e6b9	`#18e6b9`
RGB Decimal	24, 230, 185	`rgb(24,230,185)`
RGB Percent	9.4, 90.2, 72.5	`rgb(9.4%,90.2%,72.5%)`
CMYK	90, 0, 20, 10
HSL	166.9°, 81.1, 49.8	`hsl(166.9,81.1%,49.8%)`
HSV (or HSB)	166.9°, 89.6, 90.2
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	81.994, -55.905, 9.135
XYZ	37.427, 60.287, 55.56
xyY	0.244, 0.393, 60.287
CIE-LCH	81.994, 56.646, 170.72
CIE-LUV	81.994, -66.912, 22.573
Hunter-Lab	77.644, -49.835, 11.925
Binary	00011000, 11100110, 10111001

#18e6b9
```
#18e6b9 rgb(24,230,185)
```
#e61845
```
#e61845 rgb(230,24,69)
```

Complementary Color

#18e652
```
#18e652 rgb(24,230,82)
```
#18e6b9
```
#18e6b9 rgb(24,230,185)
```
#18ace6
```
#18ace6 rgb(24,172,230)
```

Analogous Color

#e65218
```
#e65218 rgb(230,82,24)
```
#18e6b9
```
#18e6b9 rgb(24,230,185)
```
#e618ac
```
#e618ac rgb(230,24,172)
```

Split Complementary Color

#e6b918
```
#e6b918 rgb(230,185,24)
```
#18e6b9
```
#18e6b9 rgb(24,230,185)
```
#b918e6
```
#b918e6 rgb(185,24,230)
```

Triadic Color

#45e618
```
#45e618 rgb(69,230,24)
```
#18e6b9
```
#18e6b9 rgb(24,230,185)
```
#b918e6
```
#b918e6 rgb(185,24,230)
```
#e61845
```
#e61845 rgb(230,24,69)
```

Tetradic Color

#11a181
```
#11a181 rgb(17,161,129)
```
#13b894
```
#13b894 rgb(19,184,148)
```
#16cfa6
```
#16cfa6 rgb(22,207,166)
```
#18e6b9
```
#18e6b9 rgb(24,230,185)
```
#2ee9c0
```
#2ee9c0 rgb(46,233,192)
```
#45ecc7
```
#45ecc7 rgb(69,236,199)
```
#5ceece
```
#5ceece rgb(92,238,206)
```

Monochromatic Color

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

#18e686
```
#18e686 rgb(24,230,134)
```
#18e697
```
#18e697 rgb(24,230,151)
```
#18e6a8
```
#18e6a8 rgb(24,230,168)
```
#18e6b9
```
#18e6b9 rgb(24,230,185)
```
#18e6ca
```
#18e6ca rgb(24,230,202)
```
#18e6db
```
#18e6db rgb(24,230,219)
```
#18e0e6
```
#18e0e6 rgb(24,224,230)
```

Similar Colors

Text with hexadecimal color #18e6b9

This text has a font color of #18e6b9.

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

#18e6b9 background color

This paragraph has a background color of #18e6b9.

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

#18e6b9 border color

This element has a border color of #18e6b9.

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

CSS codes

.text {color:#18e6b9;}

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

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

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

#02110e
```
#02110e rgb(2,17,14)
```
#04231c
```
#04231c rgb(4,35,28)
```
#05342a
```
#05342a rgb(5,52,42)
```
#074638
```
#074638 rgb(7,70,56)
```
#095847
```
#095847 rgb(9,88,71)
```
#0b6a55
```
#0b6a55 rgb(11,106,85)
```
#0d7b63
```
#0d7b63 rgb(13,123,99)
```
#0f8d72
```
#0f8d72 rgb(15,141,114)
```
#119f80
```
#119f80 rgb(17,159,128)
```
#12b18e
```
#12b18e rgb(18,177,142)
```
#14c29c
```
#14c29c rgb(20,194,156)
```
#16d4ab
```
#16d4ab rgb(22,212,171)
```
#18e6b9
```
#18e6b9 rgb(24,230,185)
```

Shade Color Variation

#29e9bf
```
#29e9bf rgb(41,233,191)
```
#3bebc4
```
#3bebc4 rgb(59,235,196)
```
#4cecc9
```
#4cecc9 rgb(76,236,201)
```
#5eeecf
```
#5eeecf rgb(94,238,207)
```
#70f0d4
```
#70f0d4 rgb(112,240,212)
```
#82f2d9
```
#82f2d9 rgb(130,242,217)
```
#94f4df
```
#94f4df rgb(148,244,223)
```
#a5f6e4
```
#a5f6e4 rgb(165,246,228)
```
#b7f7e9
```
#b7f7e9 rgb(183,247,233)
```
#c9f9ef
```
#c9f9ef rgb(201,249,239)
```
#dbfbf4
```
#dbfbf4 rgb(219,251,244)
```
#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 #04fac4 is the most saturated one.

#7a8482
```
#7a8482 rgb(122,132,130)
```
#708e87
```
#708e87 rgb(112,142,135)
```
#66988d
```
#66988d rgb(102,152,141)
```
#5ca292
```
#5ca292 rgb(92,162,146)
```
#53ab98
```
#53ab98 rgb(83,171,152)
```
#49b59d
```
#49b59d rgb(73,181,157)
```
#3fbfa3
```
#3fbfa3 rgb(63,191,163)
```
#35c9a8
```
#35c9a8 rgb(53,201,168)
```
#2cd2ae
```
#2cd2ae rgb(44,210,174)
```
#22dcb3
```
#22dcb3 rgb(34,220,179)
```
#18e6b9
```
#18e6b9 rgb(24,230,185)
```
#0ef0bf
```
#0ef0bf rgb(14,240,191)
```
#04fac4
```
#04fac4 rgb(4,250,196)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#87b0a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9cdb0 Protanopia 1% of men
#e4c8c7 Deuteranopia 1% of men
#57dff0 Tritanopia 0.001% of the population

Trichromacy

#92d6b3 Protanomaly 1% of men, 0.01% of women
#99d2c2 Deuteranomaly 6% of men, 0.4% of women
#40e2dc Tritanomaly 0.01% of the population