#18fcf2 hex color

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

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

● #18fcf2 color description : Vivid cyan.

The hexadecimal color #18fcf2 has RGB values of R:24, G:252, B:242 and CMYK values of C:0.9, M:0, Y:0.04, K:0.01. Its decimal value is 1637618.

Hex triplet	18fcf2	`#18fcf2`
RGB Decimal	24, 252, 242	`rgb(24,252,242)`
RGB Percent	9.4, 98.8, 94.9	`rgb(9.4%,98.8%,94.9%)`
CMYK	90, 0, 4, 1
HSL	177.4°, 97.4, 54.1	`hsl(177.4,97.4%,54.1%)`
HSV (or HSB)	177.4°, 90.5, 98.8
Web Safe	00ffff	`#00ffff`

CIE-LAB	89.962, -49.877, -9.095
XYZ	51.209, 76.22, 96.013
xyY	0.229, 0.341, 76.22
CIE-LCH	89.962, 50.699, 190.334
CIE-LUV	89.962, -69.791, -6.586
Hunter-Lab	87.304, -48.082, -4.091
Binary	00011000, 11111100, 11110010

#18fcf2
```
#18fcf2 rgb(24,252,242)
```
#fc1822
```
#fc1822 rgb(252,24,34)
```

Complementary Color

#18fc80
```
#18fc80 rgb(24,252,128)
```
#18fcf2
```
#18fcf2 rgb(24,252,242)
```
#1894fc
```
#1894fc rgb(24,148,252)
```

Analogous Color

#fc8018
```
#fc8018 rgb(252,128,24)
```
#18fcf2
```
#18fcf2 rgb(24,252,242)
```
#fc1894
```
#fc1894 rgb(252,24,148)
```

Split Complementary Color

#fcf218
```
#fcf218 rgb(252,242,24)
```
#18fcf2
```
#18fcf2 rgb(24,252,242)
```
#f218fc
```
#f218fc rgb(242,24,252)
```

Triadic Color

#22fc18
```
#22fc18 rgb(34,252,24)
```
#18fcf2
```
#18fcf2 rgb(24,252,242)
```
#f218fc
```
#f218fc rgb(242,24,252)
```
#fc1822
```
#fc1822 rgb(252,24,34)
```

Tetradic Color

#03c5bc
```
#03c5bc rgb(3,197,188)
```
#03ded5
```
#03ded5 rgb(3,222,213)
```
#03f7ed
```
#03f7ed rgb(3,247,237)
```
#18fcf2
```
#18fcf2 rgb(24,252,242)
```
#31fcf3
```
#31fcf3 rgb(49,252,243)
```
#4afdf5
```
#4afdf5 rgb(74,253,245)
```
#64fdf6
```
#64fdf6 rgb(100,253,246)
```

Monochromatic Color

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

#18fcb9
```
#18fcb9 rgb(24,252,185)
```
#18fccc
```
#18fccc rgb(24,252,204)
```
#18fcdf
```
#18fcdf rgb(24,252,223)
```
#18fcf2
```
#18fcf2 rgb(24,252,242)
```
#18f3fc
```
#18f3fc rgb(24,243,252)
```
#18e0fc
```
#18e0fc rgb(24,224,252)
```
#18cdfc
```
#18cdfc rgb(24,205,252)
```

Similar Colors

Text with hexadecimal color #18fcf2

This text has a font color of #18fcf2.

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

#18fcf2 background color

This paragraph has a background color of #18fcf2.

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

#18fcf2 border color

This element has a border color of #18fcf2.

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

CSS codes

.text {color:#18fcf2;}

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

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

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 #edfffe is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#001514
```
#001514 rgb(0,21,20)
```
#012826
```
#012826 rgb(1,40,38)
```
#013b39
```
#013b39 rgb(1,59,57)
```
#014f4b
```
#014f4b rgb(1,79,75)
```
#01625e
```
#01625e rgb(1,98,94)
```
#027670
```
#027670 rgb(2,118,112)
```
#028983
```
#028983 rgb(2,137,131)
```
#029c96
```
#029c96 rgb(2,156,150)
```
#02b0a8
```
#02b0a8 rgb(2,176,168)
```
#03c3bb
```
#03c3bb rgb(3,195,187)
```
#03d6cd
```
#03d6cd rgb(3,214,205)
```
#03eae0
```
#03eae0 rgb(3,234,224)
```

Shade Color Variation

#05fcf1
```
#05fcf1 rgb(5,252,241)
```
#18fcf2
```
#18fcf2 rgb(24,252,242)
```
#2bfcf3
```
#2bfcf3 rgb(43,252,243)
```
#3ffdf4
```
#3ffdf4 rgb(63,253,244)
```
#52fdf5
```
#52fdf5 rgb(82,253,245)
```
#65fdf6
```
#65fdf6 rgb(101,253,246)
```
#79fdf7
```
#79fdf7 rgb(121,253,247)
```
#8cfef9
```
#8cfef9 rgb(140,254,249)
```
#a0fefa
```
#a0fefa rgb(160,254,250)
```
#b3fefb
```
#b3fefb rgb(179,254,251)
```
#c6fefc
```
#c6fefc rgb(198,254,252)
```
#dafffd
```
#dafffd rgb(218,255,253)
```
#edfffe
```
#edfffe rgb(237,255,254)
```

Tint Color Variation

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

#84908f
```
#84908f rgb(132,144,143)
```
#7b9998
```
#7b9998 rgb(123,153,152)
```
#72a2a0
```
#72a2a0 rgb(114,162,160)
```
#69aba8
```
#69aba8 rgb(105,171,168)
```
#60b4b0
```
#60b4b0 rgb(96,180,176)
```
#57bdb9
```
#57bdb9 rgb(87,189,185)
```
#4ec6c1
```
#4ec6c1 rgb(78,198,193)
```
#45cfc9
```
#45cfc9 rgb(69,207,201)
```
#3cd8d1
```
#3cd8d1 rgb(60,216,209)
```
#33e1d9
```
#33e1d9 rgb(51,225,217)
```
#2aeae2
```
#2aeae2 rgb(42,234,226)
```
#21f3ea
```
#21f3ea rgb(33,243,234)
```
#18fcf2
```
#18fcf2 rgb(24,252,242)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#97c5c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e2e4 Protanopia 1% of men
#ecdefd Deuteranopia 1% of men
#95f2ff Tritanopia 0.001% of the population

Trichromacy

#9bebe9 Protanomaly 1% of men, 0.01% of women
#9ee9f9 Deuteranomaly 6% of men, 0.4% of women
#67f5fa Tritanomaly 0.01% of the population

#18fcf2 hex color

#18fcf2 Color Information

#18fcf2 Color Conversion

Color Schemes with #18fcf2

Alternatives to #18fcf2

#18fcf2 Preview

Shades and Tints of #18fcf2

Tones of #18fcf2

Color Blindness Simulator