#18fce2 hex color

In a RGB color space, hex #18fce2 is composed of 9.4% red, 98.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 0% magenta, 10.3% yellow and 1.2% black. It has a hue angle of 173.2 degrees, a saturation of 97.4% and a lightness of 54.1%. #18fce2 color hex could be obtained by blending #30ffff with #00f9c5. Closest websafe color is: #00ffcc.

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

● #18fce2 color description : Vivid cyan.

The hexadecimal color #18fce2 has RGB values of R:24, G:252, B:226 and CMYK values of C:0.9, M:0, Y:0.1, K:0.01. Its decimal value is 1637602.

Hex triplet	18fce2	`#18fce2`
RGB Decimal	24, 252, 226	`rgb(24,252,226)`
RGB Percent	9.4, 98.8, 88.6	`rgb(9.4%,98.8%,88.6%)`
CMYK	90, 0, 10, 1
HSL	173.2°, 97.4, 54.1	`hsl(173.2,97.4%,54.1%)`
HSV (or HSB)	173.2°, 90.5, 98.8
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	89.534, -54.215, -1.405
XYZ	48.91, 75.301, 83.904
xyY	0.235, 0.362, 75.301
CIE-LCH	89.534, 54.233, 181.485
CIE-LUV	89.534, -71.049, 6.449
Hunter-Lab	86.776, -51.25, 3.416
Binary	00011000, 11111100, 11100010

#18fce2
```
#18fce2 rgb(24,252,226)
```
#fc1832
```
#fc1832 rgb(252,24,50)
```

Complementary Color

#18fc70
```
#18fc70 rgb(24,252,112)
```
#18fce2
```
#18fce2 rgb(24,252,226)
```
#18a4fc
```
#18a4fc rgb(24,164,252)
```

Analogous Color

#fc7018
```
#fc7018 rgb(252,112,24)
```
#18fce2
```
#18fce2 rgb(24,252,226)
```
#fc18a4
```
#fc18a4 rgb(252,24,164)
```

Split Complementary Color

#fce218
```
#fce218 rgb(252,226,24)
```
#18fce2
```
#18fce2 rgb(24,252,226)
```
#e218fc
```
#e218fc rgb(226,24,252)
```

Triadic Color

#32fc18
```
#32fc18 rgb(50,252,24)
```
#18fce2
```
#18fce2 rgb(24,252,226)
```
#e218fc
```
#e218fc rgb(226,24,252)
```
#fc1832
```
#fc1832 rgb(252,24,50)
```

Tetradic Color

#03c5af
```
#03c5af rgb(3,197,175)
```
#03dec5
```
#03dec5 rgb(3,222,197)
```
#03f7db
```
#03f7db rgb(3,247,219)
```
#18fce2
```
#18fce2 rgb(24,252,226)
```
#31fce5
```
#31fce5 rgb(49,252,229)
```
#4afde8
```
#4afde8 rgb(74,253,232)
```
#64fdeb
```
#64fdeb rgb(100,253,235)
```

Monochromatic Color

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

#18fca9
```
#18fca9 rgb(24,252,169)
```
#18fcbc
```
#18fcbc rgb(24,252,188)
```
#18fccf
```
#18fccf rgb(24,252,207)
```
#18fce2
```
#18fce2 rgb(24,252,226)
```
#18fcf5
```
#18fcf5 rgb(24,252,245)
```
#18f0fc
```
#18f0fc rgb(24,240,252)
```
#18ddfc
```
#18ddfc rgb(24,221,252)
```

Similar Colors

Text with hexadecimal color #18fce2

This text has a font color of #18fce2.

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

#18fce2 background color

This paragraph has a background color of #18fce2.

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

#18fce2 border color

This element has a border color of #18fce2.

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

CSS codes

.text {color:#18fce2;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#001512
```
#001512 rgb(0,21,18)
```
#012824
```
#012824 rgb(1,40,36)
```
#013b35
```
#013b35 rgb(1,59,53)
```
#014f46
```
#014f46 rgb(1,79,70)
```
#016257
```
#016257 rgb(1,98,87)
```
#027668
```
#027668 rgb(2,118,104)
```
#02897a
```
#02897a rgb(2,137,122)
```
#029c8b
```
#029c8b rgb(2,156,139)
```
#02b09c
```
#02b09c rgb(2,176,156)
```
#03c3ad
```
#03c3ad rgb(3,195,173)
```
#03d6be
```
#03d6be rgb(3,214,190)
```
#03eacf
```
#03eacf rgb(3,234,207)
```

Shade Color Variation

#05fce0
```
#05fce0 rgb(5,252,224)
```
#18fce2
```
#18fce2 rgb(24,252,226)
```
#2bfce4
```
#2bfce4 rgb(43,252,228)
```
#3ffde7
```
#3ffde7 rgb(63,253,231)
```
#52fde9
```
#52fde9 rgb(82,253,233)
```
#65fdec
```
#65fdec rgb(101,253,236)
```
#79fdee
```
#79fdee rgb(121,253,238)
```
#8cfef1
```
#8cfef1 rgb(140,254,241)
```
#a0fef3
```
#a0fef3 rgb(160,254,243)
```
#b3fef5
```
#b3fef5 rgb(179,254,245)
```
#c6fef8
```
#c6fef8 rgb(198,254,248)
```
#dafffa
```
#dafffa rgb(218,255,250)
```
#edfffd
```
#edfffd rgb(237,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84908f is the less saturated color, while #18fce2 is the most saturated one.

#84908f
```
#84908f rgb(132,144,143)
```
#7b9996
```
#7b9996 rgb(123,153,150)
```
#72a29d
```
#72a29d rgb(114,162,157)
```
#69aba3
```
#69aba3 rgb(105,171,163)
```
#60b4aa
```
#60b4aa rgb(96,180,170)
```
#57bdb1
```
#57bdb1 rgb(87,189,177)
```
#4ec6b8
```
#4ec6b8 rgb(78,198,184)
```
#45cfbf
```
#45cfbf rgb(69,207,191)
```
#3cd8c6
```
#3cd8c6 rgb(60,216,198)
```
#33e1cd
```
#33e1cd rgb(51,225,205)
```
#2aead4
```
#2aead4 rgb(42,234,212)
```
#21f3db
```
#21f3db rgb(33,243,219)
```
#18fce2
```
#18fce2 rgb(24,252,226)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#96c3be Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e1d5 Protanopia 1% of men
#f1dcee Deuteranopia 1% of men
#90f1ff Tritanopia 0.001% of the population

Trichromacy

#9debda Protanomaly 1% of men, 0.01% of women
#a2e7ea Deuteranomaly 6% of men, 0.4% of women
#64f5f4 Tritanomaly 0.01% of the population

#18fce2 hex color

#18fce2 Color Information

#18fce2 Color Conversion

Color Schemes with #18fce2

Alternatives to #18fce2

#18fce2 Preview

Shades and Tints of #18fce2

Tones of #18fce2

Color Blindness Simulator