#18f0fc hex color

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

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

● #18f0fc color description : Vivid cyan.

The hexadecimal color #18f0fc has RGB values of R:24, G:240, B:252 and CMYK values of C:0.9, M:0.05, Y:0, K:0.01. Its decimal value is 1634556.

Hex triplet	18f0fc	`#18f0fc`
RGB Decimal	24, 240, 252	`rgb(24,240,252)`
RGB Percent	9.4, 94.1, 98.8	`rgb(9.4%,94.1%,98.8%)`
CMYK	90, 5, 0, 1
HSL	183.2°, 97.4, 54.1	`hsl(183.2,97.4%,54.1%)`
HSV (or HSB)	183.2°, 90.5, 98.8
Web Safe	00ffff	`#00ffff`

CIE-LAB	86.77, -41.776, -19.094
XYZ	49.102, 69.538, 102.924
xyY	0.222, 0.314, 69.538
CIE-LCH	86.77, 45.932, 204.563
CIE-LUV	86.77, -65.02, -24.374
Hunter-Lab	83.389, -40.825, -14.807
Binary	00011000, 11110000, 11111100

#18f0fc
```
#18f0fc rgb(24,240,252)
```
#fc2418
```
#fc2418 rgb(252,36,24)
```

Complementary Color

#18fc96
```
#18fc96 rgb(24,252,150)
```
#18f0fc
```
#18f0fc rgb(24,240,252)
```
#187efc
```
#187efc rgb(24,126,252)
```

Analogous Color

#fc9618
```
#fc9618 rgb(252,150,24)
```
#18f0fc
```
#18f0fc rgb(24,240,252)
```
#fc187e
```
#fc187e rgb(252,24,126)
```

Split Complementary Color

#f0fc18
```
#f0fc18 rgb(240,252,24)
```
#18f0fc
```
#18f0fc rgb(24,240,252)
```
#fc18f0
```
#fc18f0 rgb(252,24,240)
```

Triadic Color

#18fc24
```
#18fc24 rgb(24,252,36)
```
#18f0fc
```
#18f0fc rgb(24,240,252)
```
#fc18f0
```
#fc18f0 rgb(252,24,240)
```
#fc2418
```
#fc2418 rgb(252,36,24)
```

Tetradic Color

#03bbc5
```
#03bbc5 rgb(3,187,197)
```
#03d3de
```
#03d3de rgb(3,211,222)
```
#03eaf7
```
#03eaf7 rgb(3,234,247)
```
#18f0fc
```
#18f0fc rgb(24,240,252)
```
#31f2fc
```
#31f2fc rgb(49,242,252)
```
#4af3fd
```
#4af3fd rgb(74,243,253)
```
#64f5fd
```
#64f5fd rgb(100,245,253)
```

Monochromatic Color

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

#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)
```
#18cafc
```
#18cafc rgb(24,202,252)
```
#18b7fc
```
#18b7fc rgb(24,183,252)
```

Similar Colors

Text with hexadecimal color #18f0fc

This text has a font color of #18f0fc.

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

#18f0fc background color

This paragraph has a background color of #18f0fc.

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

#18f0fc border color

This element has a border color of #18f0fc.

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

CSS codes

.text {color:#18f0fc;}

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

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

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)
```
#012628
```
#012628 rgb(1,38,40)
```
#01383b
```
#01383b rgb(1,56,59)
```
#014b4f
```
#014b4f rgb(1,75,79)
```
#015d62
```
#015d62 rgb(1,93,98)
```
#026f76
```
#026f76 rgb(2,111,118)
```
#028289
```
#028289 rgb(2,130,137)
```
#02949c
```
#02949c rgb(2,148,156)
```
#02a7b0
```
#02a7b0 rgb(2,167,176)
```
#03b9c3
```
#03b9c3 rgb(3,185,195)
```
#03cbd6
```
#03cbd6 rgb(3,203,214)
```
#03deea
```
#03deea rgb(3,222,234)
```

Shade Color Variation

#05effc
```
#05effc rgb(5,239,252)
```
#18f0fc
```
#18f0fc rgb(24,240,252)
```
#2bf1fc
```
#2bf1fc rgb(43,241,252)
```
#3ff3fd
```
#3ff3fd rgb(63,243,253)
```
#52f4fd
```
#52f4fd rgb(82,244,253)
```
#65f5fd
```
#65f5fd rgb(101,245,253)
```
#79f6fd
```
#79f6fd rgb(121,246,253)
```
#8cf8fe
```
#8cf8fe rgb(140,248,254)
```
#a0f9fe
```
#a0f9fe rgb(160,249,254)
```
#b3fafe
```
#b3fafe rgb(179,250,254)
```
#c6fbfe
```
#c6fbfe rgb(198,251,254)
```
#dafdff
```
#dafdff rgb(218,253,255)
```
#edfeff
```
#edfeff rgb(237,254,255)
```

Tint Color Variation

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

#848f90
```
#848f90 rgb(132,143,144)
```
#7b9799
```
#7b9799 rgb(123,151,153)
```
#729fa2
```
#729fa2 rgb(114,159,162)
```
#69a8ab
```
#69a8ab rgb(105,168,171)
```
#60b0b4
```
#60b0b4 rgb(96,176,180)
```
#57b8bd
```
#57b8bd rgb(87,184,189)
```
#4ec0c6
```
#4ec0c6 rgb(78,192,198)
```
#45c8cf
```
#45c8cf rgb(69,200,207)
```
#3cd0d8
```
#3cd0d8 rgb(60,208,216)
```
#33d8e1
```
#33d8e1 rgb(51,216,225)
```
#2ae0ea
```
#2ae0ea rgb(42,224,234)
```
#21e8f3
```
#21e8f3 rgb(33,232,243)
```
#18f0fc
```
#18f0fc rgb(24,240,252)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#92bec0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d9ee Protanopia 1% of men
#d9d7ff Deuteranopia 1% of men
#52eeff Tritanopia 0.001% of the population

Trichromacy

#92e1f3 Protanomaly 1% of men, 0.01% of women
#93e0fd Deuteranomaly 6% of men, 0.4% of women
#3deffd Tritanomaly 0.01% of the population

#18f0fc hex color

#18f0fc Color Information

#18f0fc Color Conversion

Color Schemes with #18f0fc

Alternatives to #18f0fc

#18f0fc Preview

Shades and Tints of #18f0fc

Tones of #18f0fc

Color Blindness Simulator