#18f6fc hex color

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

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

● #18f6fc color description : Vivid cyan.

The hexadecimal color #18f6fc has RGB values of R:24, G:246, B:252 and CMYK values of C:0.9, M:0.02, Y:0, K:0.01. Its decimal value is 1636092.

Hex triplet	18f6fc	`#18f6fc`
RGB Decimal	24, 246, 252	`rgb(24,246,252)`
RGB Percent	9.4, 96.5, 98.8	`rgb(9.4%,96.5%,98.8%)`
CMYK	90, 2, 0, 1
HSL	181.6°, 97.4, 54.1	`hsl(181.6,97.4%,54.1%)`
HSV (or HSB)	181.6°, 90.5, 98.8
Web Safe	00ffff	`#00ffff`

CIE-LAB	88.509, -44.442, -16.475
XYZ	50.898, 73.129, 103.523
xyY	0.224, 0.321, 73.129
CIE-LCH	88.509, 47.397, 200.34
CIE-LUV	88.509, -67.013, -19.615
Hunter-Lab	85.515, -43.411, -11.914
Binary	00011000, 11110110, 11111100

#18f6fc
```
#18f6fc rgb(24,246,252)
```
#fc1e18
```
#fc1e18 rgb(252,30,24)
```

Complementary Color

#18fc90
```
#18fc90 rgb(24,252,144)
```
#18f6fc
```
#18f6fc rgb(24,246,252)
```
#1884fc
```
#1884fc rgb(24,132,252)
```

Analogous Color

#fc9018
```
#fc9018 rgb(252,144,24)
```
#18f6fc
```
#18f6fc rgb(24,246,252)
```
#fc1884
```
#fc1884 rgb(252,24,132)
```

Split Complementary Color

#f6fc18
```
#f6fc18 rgb(246,252,24)
```
#18f6fc
```
#18f6fc rgb(24,246,252)
```
#fc18f6
```
#fc18f6 rgb(252,24,246)
```

Triadic Color

#18fc1e
```
#18fc1e rgb(24,252,30)
```
#18f6fc
```
#18f6fc rgb(24,246,252)
```
#fc18f6
```
#fc18f6 rgb(252,24,246)
```
#fc1e18
```
#fc1e18 rgb(252,30,24)
```

Tetradic Color

#03c0c5
```
#03c0c5 rgb(3,192,197)
```
#03d8de
```
#03d8de rgb(3,216,222)
```
#03f1f7
```
#03f1f7 rgb(3,241,247)
```
#18f6fc
```
#18f6fc rgb(24,246,252)
```
#31f7fc
```
#31f7fc rgb(49,247,252)
```
#4af8fd
```
#4af8fd rgb(74,248,253)
```
#64f9fd
```
#64f9fd rgb(100,249,253)
```

Monochromatic Color

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

#18fcc9
```
#18fcc9 rgb(24,252,201)
```
#18fcdc
```
#18fcdc rgb(24,252,220)
```
#18fcef
```
#18fcef rgb(24,252,239)
```
#18f6fc
```
#18f6fc rgb(24,246,252)
```
#18e3fc
```
#18e3fc rgb(24,227,252)
```
#18d0fc
```
#18d0fc rgb(24,208,252)
```
#18bdfc
```
#18bdfc rgb(24,189,252)
```

Similar Colors

Text with hexadecimal color #18f6fc

This text has a font color of #18f6fc.

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

#18f6fc background color

This paragraph has a background color of #18f6fc.

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

#18f6fc border color

This element has a border color of #18f6fc.

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

CSS codes

.text {color:#18f6fc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#001415
```
#001415 rgb(0,20,21)
```
#012728
```
#012728 rgb(1,39,40)
```
#013a3b
```
#013a3b rgb(1,58,59)
```
#014d4f
```
#014d4f rgb(1,77,79)
```
#016062
```
#016062 rgb(1,96,98)
```
#027276
```
#027276 rgb(2,114,118)
```
#028589
```
#028589 rgb(2,133,137)
```
#02989c
```
#02989c rgb(2,152,156)
```
#02abb0
```
#02abb0 rgb(2,171,176)
```
#03bec3
```
#03bec3 rgb(3,190,195)
```
#03d1d6
```
#03d1d6 rgb(3,209,214)
```
#03e4ea
```
#03e4ea rgb(3,228,234)
```

Shade Color Variation

#05f5fc
```
#05f5fc rgb(5,245,252)
```
#18f6fc
```
#18f6fc rgb(24,246,252)
```
#2bf7fc
```
#2bf7fc rgb(43,247,252)
```
#3ff8fd
```
#3ff8fd rgb(63,248,253)
```
#52f8fd
```
#52f8fd rgb(82,248,253)
```
#65f9fd
```
#65f9fd rgb(101,249,253)
```
#79fafd
```
#79fafd rgb(121,250,253)
```
#8cfbfe
```
#8cfbfe rgb(140,251,254)
```
#a0fbfe
```
#a0fbfe rgb(160,251,254)
```
#b3fcfe
```
#b3fcfe rgb(179,252,254)
```
#c6fdfe
```
#c6fdfe rgb(198,253,254)
```
#dafeff
```
#dafeff rgb(218,254,255)
```
#edfeff
```
#edfeff rgb(237,254,255)
```

Tint Color Variation

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

#849090
```
#849090 rgb(132,144,144)
```
#7b9899
```
#7b9899 rgb(123,152,153)
```
#72a1a2
```
#72a1a2 rgb(114,161,162)
```
#69a9ab
```
#69a9ab rgb(105,169,171)
```
#60b2b4
```
#60b2b4 rgb(96,178,180)
```
#57babd
```
#57babd rgb(87,186,189)
```
#4ec3c6
```
#4ec3c6 rgb(78,195,198)
```
#45cbcf
```
#45cbcf rgb(69,203,207)
```
#3cd4d8
```
#3cd4d8 rgb(60,212,216)
```
#33dce1
```
#33dce1 rgb(51,220,225)
```
#2ae5ea
```
#2ae5ea rgb(42,229,234)
```
#21edf3
```
#21edf3 rgb(33,237,243)
```
#18f6fc
```
#18f6fc rgb(24,246,252)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#95c1c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfdeee Protanopia 1% of men
#e0dcff Deuteranopia 1% of men
#7cf0ff Tritanopia 0.001% of the population

Trichromacy

#96e7f3 Protanomaly 1% of men, 0.01% of women
#97e5fd Deuteranomaly 6% of men, 0.4% of women
#57f2fd Tritanomaly 0.01% of the population

#18f6fc hex color

#18f6fc Color Information

#18f6fc Color Conversion

Color Schemes with #18f6fc

Alternatives to #18f6fc

#18f6fc Preview

Shades and Tints of #18f6fc

Tones of #18f6fc

Color Blindness Simulator