#18f0e2 hex color

In a RGB color space, hex #18f0e2 is composed of 9.4% red, 94.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 0% magenta, 5.8% yellow and 5.9% black. It has a hue angle of 176.1 degrees, a saturation of 87.8% and a lightness of 51.8%. #18f0e2 color hex could be obtained by blending #30ffff with #00e1c5. Closest websafe color is: #00ffcc.

♥
- f
- t
- g
- R 9
- G 94
- B 89
RGB color chart
- C 90
- M 0
- Y 6
- K 6
CMYK color chart

● #18f0e2 color description : Vivid cyan.

The hexadecimal color #18f0e2 has RGB values of R:24, G:240, B:226 and CMYK values of C:0.9, M:0, Y:0.06, K:0.06. Its decimal value is 1634530.

Hex triplet	18f0e2	`#18f0e2`
RGB Decimal	24, 240, 226	`rgb(24,240,226)`
RGB Percent	9.4, 94.1, 88.6	`rgb(9.4%,94.1%,88.6%)`
CMYK	90, 0, 6, 6
HSL	176.1°, 87.8, 51.8	`hsl(176.1,87.8%,51.8%)`
HSV (or HSB)	176.1°, 90, 94.1
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	86.007, -49.238, -6.595
XYZ	45.26, 68.001, 82.687
xyY	0.231, 0.347, 68.001
CIE-LCH	86.007, 49.678, 187.629
CIE-LUV	86.007, -67.077, -2.618
Hunter-Lab	82.463, -46.339, -1.728
Binary	00011000, 11110000, 11100010

#18f0e2
```
#18f0e2 rgb(24,240,226)
```
#f01826
```
#f01826 rgb(240,24,38)
```

Complementary Color

#18f076
```
#18f076 rgb(24,240,118)
```
#18f0e2
```
#18f0e2 rgb(24,240,226)
```
#1892f0
```
#1892f0 rgb(24,146,240)
```

Analogous Color

#f07618
```
#f07618 rgb(240,118,24)
```
#18f0e2
```
#18f0e2 rgb(24,240,226)
```
#f01892
```
#f01892 rgb(240,24,146)
```

Split Complementary Color

#f0e218
```
#f0e218 rgb(240,226,24)
```
#18f0e2
```
#18f0e2 rgb(24,240,226)
```
#e218f0
```
#e218f0 rgb(226,24,240)
```

Triadic Color

#26f018
```
#26f018 rgb(38,240,24)
```
#18f0e2
```
#18f0e2 rgb(24,240,226)
```
#e218f0
```
#e218f0 rgb(226,24,240)
```
#f01826
```
#f01826 rgb(240,24,38)
```

Tetradic Color

#0bb0a5
```
#0bb0a5 rgb(11,176,165)
```
#0dc8bc
```
#0dc8bc rgb(13,200,188)
```
#0fe0d2
```
#0fe0d2 rgb(15,224,210)
```
#18f0e2
```
#18f0e2 rgb(24,240,226)
```
#30f2e5
```
#30f2e5 rgb(48,242,229)
```
#48f3e8
```
#48f3e8 rgb(72,243,232)
```
#60f5eb
```
#60f5eb rgb(96,245,235)
```

Monochromatic Color

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

#18f0ac
```
#18f0ac rgb(24,240,172)
```
#18f0be
```
#18f0be rgb(24,240,190)
```
#18f0d0
```
#18f0d0 rgb(24,240,208)
```
#18f0e2
```
#18f0e2 rgb(24,240,226)
```
#18ecf0
```
#18ecf0 rgb(24,236,240)
```
#18daf0
```
#18daf0 rgb(24,218,240)
```
#18c8f0
```
#18c8f0 rgb(24,200,240)
```

Similar Colors

Text with hexadecimal color #18f0e2

This text has a font color of #18f0e2.

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

#18f0e2 background color

This paragraph has a background color of #18f0e2.

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

#18f0e2 border color

This element has a border color of #18f0e2.

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

CSS codes

.text {color:#18f0e2;}

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

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

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

#010808
```
#010808 rgb(1,8,8)
```
#021b19
```
#021b19 rgb(2,27,25)
```
#032d2b
```
#032d2b rgb(3,45,43)
```
#04403c
```
#04403c rgb(4,64,60)
```
#05524d
```
#05524d rgb(5,82,77)
```
#07655e
```
#07655e rgb(7,101,94)
```
#087770
```
#087770 rgb(8,119,112)
```
#098981
```
#098981 rgb(9,137,129)
```
#0a9c92
```
#0a9c92 rgb(10,156,146)
```
#0baea4
```
#0baea4 rgb(11,174,164)
```
#0dc1b5
```
#0dc1b5 rgb(13,193,181)
```
#0ed3c6
```
#0ed3c6 rgb(14,211,198)
```
#0fe5d8
```
#0fe5d8 rgb(15,229,216)
```

Shade Color Variation

#18f0e2
```
#18f0e2 rgb(24,240,226)
```
#2af1e4
```
#2af1e4 rgb(42,241,228)
```
#3df2e7
```
#3df2e7 rgb(61,242,231)
```
#4ff4e9
```
#4ff4e9 rgb(79,244,233)
```
#62f5eb
```
#62f5eb rgb(98,245,235)
```
#74f6ee
```
#74f6ee rgb(116,246,238)
```
#87f7f0
```
#87f7f0 rgb(135,247,240)
```
#99f8f2
```
#99f8f2 rgb(153,248,242)
```
#abfaf4
```
#abfaf4 rgb(171,250,244)
```
#befbf7
```
#befbf7 rgb(190,251,247)
```
#d0fcf9
```
#d0fcf9 rgb(208,252,249)
```
#e3fdfb
```
#e3fdfb rgb(227,253,251)
```
#f5fefe
```
#f5fefe rgb(245,254,254)
```

Tint Color Variation

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

#808887
```
#808887 rgb(128,136,135)
```
#779190
```
#779190 rgb(119,145,144)
```
#6d9b98
```
#6d9b98 rgb(109,155,152)
```
#64a4a0
```
#64a4a0 rgb(100,164,160)
```
#5aaea8
```
#5aaea8 rgb(90,174,168)
```
#51b7b1
```
#51b7b1 rgb(81,183,177)
```
#47c1b9
```
#47c1b9 rgb(71,193,185)
```
#3ecac1
```
#3ecac1 rgb(62,202,193)
```
#34d4c9
```
#34d4c9 rgb(52,212,201)
```
#2bddd2
```
#2bddd2 rgb(43,221,210)
```
#21e7da
```
#21e7da rgb(33,231,218)
```
#18f0e2
```
#18f0e2 rgb(24,240,226)
```
#0ff9ea
```
#0ff9ea rgb(15,249,234)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#90bbb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd8d6 Protanopia 1% of men
#e3d3ee Deuteranopia 1% of men
#48ecfe Tritanopia 0.001% of the population

Trichromacy

#95e0da Protanomaly 1% of men, 0.01% of women
#99dee9 Deuteranomaly 6% of men, 0.4% of women
#37edf3 Tritanomaly 0.01% of the population

#18f0e2 hex color

#18f0e2 Color Information

#18f0e2 Color Conversion

Color Schemes with #18f0e2

Alternatives to #18f0e2

#18f0e2 Preview

Shades and Tints of #18f0e2

Tones of #18f0e2

Color Blindness Simulator