#18edc2 hex color

In a RGB color space, hex #18edc2 is composed of 9.4% red, 92.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 89.9% cyan, 0% magenta, 18.1% yellow and 7.1% black. It has a hue angle of 167.9 degrees, a saturation of 85.5% and a lightness of 51.2%. #18edc2 color hex could be obtained by blending #30ffff with #00db85. Closest websafe color is: #00ffcc.

♥
- f
- t
- g
- R 9
- G 93
- B 76
RGB color chart
- C 90
- M 0
- Y 18
- K 7
CMYK color chart

● #18edc2 color description : Vivid cyan.

The hexadecimal color #18edc2 has RGB values of R:24, G:237, B:194 and CMYK values of C:0.9, M:0, Y:0.18, K:0.07. Its decimal value is 1633730.

Hex triplet	18edc2	`#18edc2`
RGB Decimal	24, 237, 194	`rgb(24,237,194)`
RGB Percent	9.4, 92.9, 76.1	`rgb(9.4%,92.9%,76.1%)`
CMYK	90, 0, 18, 7
HSL	167.9°, 85.5, 51.2	`hsl(167.9,85.5%,51.2%)`
HSV (or HSB)	167.9°, 89.9, 92.9
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	84.305, -56.425, 7.718
XYZ	40.395, 64.653, 61.386
xyY	0.243, 0.388, 64.653
CIE-LCH	84.305, 56.95, 172.212
CIE-LUV	84.305, -68.557, 20.666
Hunter-Lab	80.407, -51.038, 11.021
Binary	00011000, 11101101, 11000010

#18edc2
```
#18edc2 rgb(24,237,194)
```
#ed1843
```
#ed1843 rgb(237,24,67)
```

Complementary Color

#18ed58
```
#18ed58 rgb(24,237,88)
```
#18edc2
```
#18edc2 rgb(24,237,194)
```
#18aeed
```
#18aeed rgb(24,174,237)
```

Analogous Color

#ed5718
```
#ed5718 rgb(237,87,24)
```
#18edc2
```
#18edc2 rgb(24,237,194)
```
#ed18ae
```
#ed18ae rgb(237,24,174)
```

Split Complementary Color

#edc218
```
#edc218 rgb(237,194,24)
```
#18edc2
```
#18edc2 rgb(24,237,194)
```
#c218ed
```
#c218ed rgb(194,24,237)
```

Triadic Color

#43ed18
```
#43ed18 rgb(67,237,24)
```
#18edc2
```
#18edc2 rgb(24,237,194)
```
#c218ed
```
#c218ed rgb(194,24,237)
```
#ed1843
```
#ed1843 rgb(237,24,67)
```

Tetradic Color

#0dab8b
```
#0dab8b rgb(13,171,139)
```
#0fc39f
```
#0fc39f rgb(15,195,159)
```
#11dab2
```
#11dab2 rgb(17,218,178)
```
#18edc2
```
#18edc2 rgb(24,237,194)
```
#30efc8
```
#30efc8 rgb(48,239,200)
```
#47f1ce
```
#47f1ce rgb(71,241,206)
```
#5ff3d5
```
#5ff3d5 rgb(95,243,213)
```

Monochromatic Color

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

#18ed8d
```
#18ed8d rgb(24,237,141)
```
#18ed9f
```
#18ed9f rgb(24,237,159)
```
#18edb0
```
#18edb0 rgb(24,237,176)
```
#18edc2
```
#18edc2 rgb(24,237,194)
```
#18edd4
```
#18edd4 rgb(24,237,212)
```
#18ede6
```
#18ede6 rgb(24,237,230)
```
#18e3ed
```
#18e3ed rgb(24,227,237)
```

Similar Colors

Text with hexadecimal color #18edc2

This text has a font color of #18edc2.

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

#18edc2 background color

This paragraph has a background color of #18edc2.

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

#18edc2 border color

This element has a border color of #18edc2.

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

CSS codes

.text {color:#18edc2;}

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

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

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

#000605
```
#000605 rgb(0,6,5)
```
#021813
```
#021813 rgb(2,24,19)
```
#032a22
```
#032a22 rgb(3,42,34)
```
#053c31
```
#053c31 rgb(5,60,49)
```
#064e40
```
#064e40 rgb(6,78,64)
```
#08614f
```
#08614f rgb(8,97,79)
```
#09735d
```
#09735d rgb(9,115,93)
```
#0a856c
```
#0a856c rgb(10,133,108)
```
#0c977b
```
#0c977b rgb(12,151,123)
```
#0da98a
```
#0da98a rgb(13,169,138)
```
#0fbc99
```
#0fbc99 rgb(15,188,153)
```
#10cea7
```
#10cea7 rgb(16,206,167)
```
#11e0b6
```
#11e0b6 rgb(17,224,182)
```

Shade Color Variation

#18edc2
```
#18edc2 rgb(24,237,194)
```
#2aeec7
```
#2aeec7 rgb(42,238,199)
```
#3cf0cc
```
#3cf0cc rgb(60,240,204)
```
#4ff1d0
```
#4ff1d0 rgb(79,241,208)
```
#61f3d5
```
#61f3d5 rgb(97,243,213)
```
#73f4da
```
#73f4da rgb(115,244,218)
```
#85f6df
```
#85f6df rgb(133,246,223)
```
#97f7e4
```
#97f7e4 rgb(151,247,228)
```
#aaf8e8
```
#aaf8e8 rgb(170,248,232)
```
#bcfaed
```
#bcfaed rgb(188,250,237)
```
#cefbf2
```
#cefbf2 rgb(206,251,242)
```
#e0fdf7
```
#e0fdf7 rgb(224,253,247)
```
#f2fefc
```
#f2fefc rgb(242,254,252)
```

Tint Color Variation

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

#818483
```
#818483 rgb(129,132,131)
```
#788d89
```
#788d89 rgb(120,141,137)
```
#6e978f
```
#6e978f rgb(110,151,143)
```
#65a094
```
#65a094 rgb(101,160,148)
```
#5baa9a
```
#5baa9a rgb(91,170,154)
```
#51b4a0
```
#51b4a0 rgb(81,180,160)
```
#48bda5
```
#48bda5 rgb(72,189,165)
```
#3ec7ab
```
#3ec7ab rgb(62,199,171)
```
#35d0b1
```
#35d0b1 rgb(53,208,177)
```
#2bdab7
```
#2bdab7 rgb(43,218,183)
```
#22e3bc
```
#22e3bc rgb(34,227,188)
```
#18edc2
```
#18edc2 rgb(24,237,194)
```
#0ef7c8
```
#0ef7c8 rgb(14,247,200)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#8bb6ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded4b8 Protanopia 1% of men
#e9ced0 Deuteranopia 1% of men
#58e6f7 Tritanopia 0.001% of the population

Trichromacy

#96ddbc Protanomaly 1% of men, 0.01% of women
#9dd9cb Deuteranomaly 6% of men, 0.4% of women
#40e9e4 Tritanomaly 0.01% of the population

#18edc2 hex color

#18edc2 Color Information

#18edc2 Color Conversion

Color Schemes with #18edc2

Alternatives to #18edc2

#18edc2 Preview

Shades and Tints of #18edc2

Tones of #18edc2

Color Blindness Simulator