#18fcf4 hex color

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

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

● #18fcf4 color description : Vivid cyan.

The hexadecimal color #18fcf4 has RGB values of R:24, G:252, B:244 and CMYK values of C:0.9, M:0, Y:0.03, K:0.01. Its decimal value is 1637620.

Hex triplet	18fcf4	`#18fcf4`
RGB Decimal	24, 252, 244	`rgb(24,252,244)`
RGB Percent	9.4, 98.8, 95.7	`rgb(9.4%,98.8%,95.7%)`
CMYK	90, 0, 3, 1
HSL	177.9°, 97.4, 54.1	`hsl(177.9,97.4%,54.1%)`
HSV (or HSB)	177.9°, 90.5, 98.8
Web Safe	00ffff	`#00ffff`

CIE-LAB	90.018, -49.32, -10.052
XYZ	51.511, 76.341, 97.603
xyY	0.228, 0.339, 76.341
CIE-LCH	90.018, 50.333, 191.519
CIE-LUV	90.018, -69.633, -8.24
Hunter-Lab	87.374, -47.669, -5.07
Binary	00011000, 11111100, 11110100

#18fcf4
```
#18fcf4 rgb(24,252,244)
```
#fc1820
```
#fc1820 rgb(252,24,32)
```

Complementary Color

#18fc82
```
#18fc82 rgb(24,252,130)
```
#18fcf4
```
#18fcf4 rgb(24,252,244)
```
#1892fc
```
#1892fc rgb(24,146,252)
```

Analogous Color

#fc8218
```
#fc8218 rgb(252,130,24)
```
#18fcf4
```
#18fcf4 rgb(24,252,244)
```
#fc1892
```
#fc1892 rgb(252,24,146)
```

Split Complementary Color

#fcf418
```
#fcf418 rgb(252,244,24)
```
#18fcf4
```
#18fcf4 rgb(24,252,244)
```
#f418fc
```
#f418fc rgb(244,24,252)
```

Triadic Color

#20fc18
```
#20fc18 rgb(32,252,24)
```
#18fcf4
```
#18fcf4 rgb(24,252,244)
```
#f418fc
```
#f418fc rgb(244,24,252)
```
#fc1820
```
#fc1820 rgb(252,24,32)
```

Tetradic Color

#03c5be
```
#03c5be rgb(3,197,190)
```
#03ded6
```
#03ded6 rgb(3,222,214)
```
#03f7ef
```
#03f7ef rgb(3,247,239)
```
#18fcf4
```
#18fcf4 rgb(24,252,244)
```
#31fcf5
```
#31fcf5 rgb(49,252,245)
```
#4afdf6
```
#4afdf6 rgb(74,253,246)
```
#64fdf8
```
#64fdf8 rgb(100,253,248)
```

Monochromatic Color

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

#18fcbb
```
#18fcbb rgb(24,252,187)
```
#18fcce
```
#18fcce rgb(24,252,206)
```
#18fce1
```
#18fce1 rgb(24,252,225)
```
#18fcf4
```
#18fcf4 rgb(24,252,244)
```
#18f1fc
```
#18f1fc rgb(24,241,252)
```
#18defc
```
#18defc rgb(24,222,252)
```
#18cbfc
```
#18cbfc rgb(24,203,252)
```

Similar Colors

Text with hexadecimal color #18fcf4

This text has a font color of #18fcf4.

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

#18fcf4 background color

This paragraph has a background color of #18fcf4.

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

#18fcf4 border color

This element has a border color of #18fcf4.

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

CSS codes

.text {color:#18fcf4;}

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

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

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)
```
#012827
```
#012827 rgb(1,40,39)
```
#013b39
```
#013b39 rgb(1,59,57)
```
#014f4c
```
#014f4c rgb(1,79,76)
```
#01625f
```
#01625f rgb(1,98,95)
```
#027671
```
#027671 rgb(2,118,113)
```
#028984
```
#028984 rgb(2,137,132)
```
#029c97
```
#029c97 rgb(2,156,151)
```
#02b0aa
```
#02b0aa rgb(2,176,170)
```
#03c3bc
```
#03c3bc rgb(3,195,188)
```
#03d6cf
```
#03d6cf rgb(3,214,207)
```
#03eae2
```
#03eae2 rgb(3,234,226)
```

Shade Color Variation

#05fcf3
```
#05fcf3 rgb(5,252,243)
```
#18fcf4
```
#18fcf4 rgb(24,252,244)
```
#2bfcf5
```
#2bfcf5 rgb(43,252,245)
```
#3ffdf6
```
#3ffdf6 rgb(63,253,246)
```
#52fdf7
```
#52fdf7 rgb(82,253,247)
```
#65fdf8
```
#65fdf8 rgb(101,253,248)
```
#79fdf9
```
#79fdf9 rgb(121,253,249)
```
#8cfefa
```
#8cfefa rgb(140,254,250)
```
#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, #849090 is the less saturated color, while #18fcf4 is the most saturated one.

#849090
```
#849090 rgb(132,144,144)
```
#7b9998
```
#7b9998 rgb(123,153,152)
```
#72a2a0
```
#72a2a0 rgb(114,162,160)
```
#69aba9
```
#69aba9 rgb(105,171,169)
```
#60b4b1
```
#60b4b1 rgb(96,180,177)
```
#57bdb9
```
#57bdb9 rgb(87,189,185)
```
#4ec6c2
```
#4ec6c2 rgb(78,198,194)
```
#45cfca
```
#45cfca rgb(69,207,202)
```
#3cd8d3
```
#3cd8d3 rgb(60,216,211)
```
#33e1db
```
#33e1db rgb(51,225,219)
```
#2aeae3
```
#2aeae3 rgb(42,234,227)
```
#21f3ec
```
#21f3ec rgb(33,243,236)
```
#18fcf4
```
#18fcf4 rgb(24,252,244)
```

Tone Color Variation

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

#e6e2e6 Protanopia 1% of men
#ebdeff Deuteranopia 1% of men
#96f2ff Tritanopia 0.001% of the population

Trichromacy

#9bebeb Protanomaly 1% of men, 0.01% of women
#9ee9fb Deuteranomaly 6% of men, 0.4% of women
#68f5fb Tritanomaly 0.01% of the population

#18fcf4 hex color

#18fcf4 Color Information

#18fcf4 Color Conversion

Color Schemes with #18fcf4

Alternatives to #18fcf4

#18fcf4 Preview

Shades and Tints of #18fcf4

Tones of #18fcf4

Color Blindness Simulator