#18e6b4 hex color

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

♥
- f
- t
- g
- R 9
- G 90
- B 71
RGB color chart
- C 90
- M 0
- Y 22
- K 10
CMYK color chart

● #18e6b4 color description : Vivid cyan.

The hexadecimal color #18e6b4 has RGB values of R:24, G:230, B:180 and CMYK values of C:0.9, M:0, Y:0.22, K:0.1. Its decimal value is 1631924.

Hex triplet	18e6b4	`#18e6b4`
RGB Decimal	24, 230, 180	`rgb(24,230,180)`
RGB Percent	9.4, 90.2, 70.6	`rgb(9.4%,90.2%,70.6%)`
CMYK	90, 0, 22, 10
HSL	165.4°, 81.1, 49.8	`hsl(165.4,81.1%,49.8%)`
HSV (or HSB)	165.4°, 89.6, 90.2
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	81.881, -57.121, 11.604
XYZ	36.908, 60.079, 52.829
xyY	0.246, 0.401, 60.079
CIE-LCH	81.881, 58.287, 168.517
CIE-LUV	81.881, -67.283, 26.348
Hunter-Lab	77.511, -50.647, 13.847
Binary	00011000, 11100110, 10110100

#18e6b4
```
#18e6b4 rgb(24,230,180)
```
#e6184a
```
#e6184a rgb(230,24,74)
```

Complementary Color

#18e64d
```
#18e64d rgb(24,230,77)
```
#18e6b4
```
#18e6b4 rgb(24,230,180)
```
#18b1e6
```
#18b1e6 rgb(24,177,230)
```

Analogous Color

#e64d18
```
#e64d18 rgb(230,77,24)
```
#18e6b4
```
#18e6b4 rgb(24,230,180)
```
#e618b1
```
#e618b1 rgb(230,24,177)
```

Split Complementary Color

#e6b418
```
#e6b418 rgb(230,180,24)
```
#18e6b4
```
#18e6b4 rgb(24,230,180)
```
#b418e6
```
#b418e6 rgb(180,24,230)
```

Triadic Color

#4ae618
```
#4ae618 rgb(74,230,24)
```
#18e6b4
```
#18e6b4 rgb(24,230,180)
```
#b418e6
```
#b418e6 rgb(180,24,230)
```
#e6184a
```
#e6184a rgb(230,24,74)
```

Tetradic Color

#11a17e
```
#11a17e rgb(17,161,126)
```
#13b890
```
#13b890 rgb(19,184,144)
```
#16cfa2
```
#16cfa2 rgb(22,207,162)
```
#18e6b4
```
#18e6b4 rgb(24,230,180)
```
#2ee9bc
```
#2ee9bc rgb(46,233,188)
```
#45ecc3
```
#45ecc3 rgb(69,236,195)
```
#5ceecb
```
#5ceecb rgb(92,238,203)
```

Monochromatic Color

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

#18e681
```
#18e681 rgb(24,230,129)
```
#18e692
```
#18e692 rgb(24,230,146)
```
#18e6a3
```
#18e6a3 rgb(24,230,163)
```
#18e6b4
```
#18e6b4 rgb(24,230,180)
```
#18e6c5
```
#18e6c5 rgb(24,230,197)
```
#18e6d6
```
#18e6d6 rgb(24,230,214)
```
#18e5e6
```
#18e5e6 rgb(24,229,230)
```

Similar Colors

Text with hexadecimal color #18e6b4

This text has a font color of #18e6b4.

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

#18e6b4 background color

This paragraph has a background color of #18e6b4.

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

#18e6b4 border color

This element has a border color of #18e6b4.

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

CSS codes

.text {color:#18e6b4;}

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

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

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)
```
#074637
```
#074637 rgb(7,70,55)
```
#095845
```
#095845 rgb(9,88,69)
```
#0b6a53
```
#0b6a53 rgb(11,106,83)
```
#0d7b61
```
#0d7b61 rgb(13,123,97)
```
#0f8d6e
```
#0f8d6e rgb(15,141,110)
```
#119f7c
```
#119f7c rgb(17,159,124)
```
#12b18a
```
#12b18a rgb(18,177,138)
```
#14c298
```
#14c298 rgb(20,194,152)
```
#16d4a6
```
#16d4a6 rgb(22,212,166)
```
#18e6b4
```
#18e6b4 rgb(24,230,180)
```

Shade Color Variation

#29e9ba
```
#29e9ba rgb(41,233,186)
```
#3bebc0
```
#3bebc0 rgb(59,235,192)
```
#4cecc6
```
#4cecc6 rgb(76,236,198)
```
#5eeecb
```
#5eeecb rgb(94,238,203)
```
#70f0d1
```
#70f0d1 rgb(112,240,209)
```
#82f2d7
```
#82f2d7 rgb(130,242,215)
```
#94f4dc
```
#94f4dc rgb(148,244,220)
```
#a5f6e2
```
#a5f6e2 rgb(165,246,226)
```
#b7f7e8
```
#b7f7e8 rgb(183,247,232)
```
#c9f9ee
```
#c9f9ee rgb(201,249,238)
```
#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 #04fabe is the most saturated one.

#7a8482
```
#7a8482 rgb(122,132,130)
```
#708e87
```
#708e87 rgb(112,142,135)
```
#66988c
```
#66988c rgb(102,152,140)
```
#5ca291
```
#5ca291 rgb(92,162,145)
```
#53ab96
```
#53ab96 rgb(83,171,150)
```
#49b59b
```
#49b59b rgb(73,181,155)
```
#3fbfa0
```
#3fbfa0 rgb(63,191,160)
```
#35c9a5
```
#35c9a5 rgb(53,201,165)
```
#2cd2aa
```
#2cd2aa rgb(44,210,170)
```
#22dcaf
```
#22dcaf rgb(34,220,175)
```
#18e6b4
```
#18e6b4 rgb(24,230,180)
```
#0ef0b9
```
#0ef0b9 rgb(14,240,185)
```
#04fabe
```
#04fabe rgb(4,250,190)
```

Tone Color Variation

Below, you can see how #18e6b4 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
#87b0a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9cdac Protanopia 1% of men
#e5c7c3 Deuteranopia 1% of men
#59dfef Tritanopia 0.001% of the population

Trichromacy

#93d6ae Protanomaly 1% of men, 0.01% of women
#9ad2bd Deuteranomaly 6% of men, 0.4% of women
#41e1da Tritanomaly 0.01% of the population

#18e6b4 hex color

#18e6b4 Color Information

#18e6b4 Color Conversion

Color Schemes with #18e6b4

Alternatives to #18e6b4

#18e6b4 Preview

Shades and Tints of #18e6b4

Tones of #18e6b4

Color Blindness Simulator