#18f9fc hex color

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

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

● #18f9fc color description : Vivid cyan.

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

Hex triplet	18f9fc	`#18f9fc`
RGB Decimal	24, 249, 252	`rgb(24,249,252)`
RGB Percent	9.4, 97.6, 98.8	`rgb(9.4%,97.6%,98.8%)`
CMYK	90, 1, 0, 1
HSL	180.8°, 97.4, 54.1	`hsl(180.8,97.4%,54.1%)`
HSV (or HSB)	180.8°, 90.5, 98.8
Web Safe	00ffff	`#00ffff`

CIE-LAB	89.378, -45.756, -15.17
XYZ	51.818, 74.968, 103.829
xyY	0.225, 0.325, 74.968
CIE-LCH	89.378, 48.206, 198.342
CIE-LUV	89.378, -68.007, -17.251
Hunter-Lab	86.584, -44.697, -10.49
Binary	00011000, 11111001, 11111100

#18f9fc
```
#18f9fc rgb(24,249,252)
```
#fc1b18
```
#fc1b18 rgb(252,27,24)
```

Complementary Color

#18fc8d
```
#18fc8d rgb(24,252,141)
```
#18f9fc
```
#18f9fc rgb(24,249,252)
```
#1887fc
```
#1887fc rgb(24,135,252)
```

Analogous Color

#fc8d18
```
#fc8d18 rgb(252,141,24)
```
#18f9fc
```
#18f9fc rgb(24,249,252)
```
#fc1887
```
#fc1887 rgb(252,24,135)
```

Split Complementary Color

#f9fc18
```
#f9fc18 rgb(249,252,24)
```
#18f9fc
```
#18f9fc rgb(24,249,252)
```
#fc18f9
```
#fc18f9 rgb(252,24,249)
```

Triadic Color

#18fc1b
```
#18fc1b rgb(24,252,27)
```
#18f9fc
```
#18f9fc rgb(24,249,252)
```
#fc18f9
```
#fc18f9 rgb(252,24,249)
```
#fc1b18
```
#fc1b18 rgb(252,27,24)
```

Tetradic Color

#03c2c5
```
#03c2c5 rgb(3,194,197)
```
#03dbde
```
#03dbde rgb(3,219,222)
```
#03f4f7
```
#03f4f7 rgb(3,244,247)
```
#18f9fc
```
#18f9fc rgb(24,249,252)
```
#31fafc
```
#31fafc rgb(49,250,252)
```
#4afafd
```
#4afafd rgb(74,250,253)
```
#64fbfd
```
#64fbfd rgb(100,251,253)
```

Monochromatic Color

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

#18fcc6
```
#18fcc6 rgb(24,252,198)
```
#18fcd9
```
#18fcd9 rgb(24,252,217)
```
#18fcec
```
#18fcec rgb(24,252,236)
```
#18f9fc
```
#18f9fc rgb(24,249,252)
```
#18e6fc
```
#18e6fc rgb(24,230,252)
```
#18d3fc
```
#18d3fc rgb(24,211,252)
```
#18c0fc
```
#18c0fc rgb(24,192,252)
```

Similar Colors

Text with hexadecimal color #18f9fc

This text has a font color of #18f9fc.

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

#18f9fc background color

This paragraph has a background color of #18f9fc.

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

#18f9fc border color

This element has a border color of #18f9fc.

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

CSS codes

.text {color:#18f9fc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#001415
```
#001415 rgb(0,20,21)
```
#012828
```
#012828 rgb(1,40,40)
```
#013b3b
```
#013b3b rgb(1,59,59)
```
#014e4f
```
#014e4f rgb(1,78,79)
```
#016162
```
#016162 rgb(1,97,98)
```
#027476
```
#027476 rgb(2,116,118)
```
#028789
```
#028789 rgb(2,135,137)
```
#029a9c
```
#029a9c rgb(2,154,156)
```
#02adb0
```
#02adb0 rgb(2,173,176)
```
#03c0c3
```
#03c0c3 rgb(3,192,195)
```
#03d4d6
```
#03d4d6 rgb(3,212,214)
```
#03e7ea
```
#03e7ea rgb(3,231,234)
```

Shade Color Variation

#05f8fc
```
#05f8fc rgb(5,248,252)
```
#18f9fc
```
#18f9fc rgb(24,249,252)
```
#2bfafc
```
#2bfafc rgb(43,250,252)
```
#3ffafd
```
#3ffafd rgb(63,250,253)
```
#52fbfd
```
#52fbfd rgb(82,251,253)
```
#65fbfd
```
#65fbfd rgb(101,251,253)
```
#79fcfd
```
#79fcfd rgb(121,252,253)
```
#8cfcfe
```
#8cfcfe rgb(140,252,254)
```
#a0fdfe
```
#a0fdfe rgb(160,253,254)
```
#b3fdfe
```
#b3fdfe rgb(179,253,254)
```
#c6fefe
```
#c6fefe rgb(198,254,254)
```
#dafeff
```
#dafeff rgb(218,254,255)
```
#edffff
```
#edffff rgb(237,255,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 #18f9fc is the most saturated one.

#849090
```
#849090 rgb(132,144,144)
```
#7b9999
```
#7b9999 rgb(123,153,153)
```
#72a1a2
```
#72a1a2 rgb(114,161,162)
```
#69aaab
```
#69aaab rgb(105,170,171)
```
#60b3b4
```
#60b3b4 rgb(96,179,180)
```
#57bcbd
```
#57bcbd rgb(87,188,189)
```
#4ec4c6
```
#4ec4c6 rgb(78,196,198)
```
#45cdcf
```
#45cdcf rgb(69,205,207)
```
#3cd6d8
```
#3cd6d8 rgb(60,214,216)
```
#33dfe1
```
#33dfe1 rgb(51,223,225)
```
#2ae7ea
```
#2ae7ea rgb(42,231,234)
```
#21f0f3
```
#21f0f3 rgb(33,240,243)
```
#18f9fc
```
#18f9fc rgb(24,249,252)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#96c3c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2e0ee Protanopia 1% of men
#e3deff Deuteranopia 1% of men
#8bf1ff Tritanopia 0.001% of the population

Trichromacy

#98e9f3 Protanomaly 1% of men, 0.01% of women
#99e8fd Deuteranomaly 6% of men, 0.4% of women
#61f4fd Tritanomaly 0.01% of the population

#18f9fc hex color

#18f9fc Color Information

#18f9fc Color Conversion

Color Schemes with #18f9fc

Alternatives to #18f9fc

#18f9fc Preview

Shades and Tints of #18f9fc

Tones of #18f9fc

Color Blindness Simulator