#18f5fc hex color

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

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

● #18f5fc color description : Vivid cyan.

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

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

CIE-LAB	88.219, -44.001, -16.91
XYZ	50.594, 72.522, 103.422
xyY	0.223, 0.32, 72.522
CIE-LCH	88.219, 47.138, 201.023
CIE-LUV	88.219, -66.681, -20.405
Hunter-Lab	85.16, -42.981, -12.392
Binary	00011000, 11110101, 11111100

#18f5fc
```
#18f5fc rgb(24,245,252)
```
#fc1f18
```
#fc1f18 rgb(252,31,24)
```

Complementary Color

#18fc91
```
#18fc91 rgb(24,252,145)
```
#18f5fc
```
#18f5fc rgb(24,245,252)
```
#1883fc
```
#1883fc rgb(24,131,252)
```

Analogous Color

#fc9118
```
#fc9118 rgb(252,145,24)
```
#18f5fc
```
#18f5fc rgb(24,245,252)
```
#fc1883
```
#fc1883 rgb(252,24,131)
```

Split Complementary Color

#f5fc18
```
#f5fc18 rgb(245,252,24)
```
#18f5fc
```
#18f5fc rgb(24,245,252)
```
#fc18f5
```
#fc18f5 rgb(252,24,245)
```

Triadic Color

#18fc1f
```
#18fc1f rgb(24,252,31)
```
#18f5fc
```
#18f5fc rgb(24,245,252)
```
#fc18f5
```
#fc18f5 rgb(252,24,245)
```
#fc1f18
```
#fc1f18 rgb(252,31,24)
```

Tetradic Color

#03bfc5
```
#03bfc5 rgb(3,191,197)
```
#03d7de
```
#03d7de rgb(3,215,222)
```
#03f0f7
```
#03f0f7 rgb(3,240,247)
```
#18f5fc
```
#18f5fc rgb(24,245,252)
```
#31f6fc
```
#31f6fc rgb(49,246,252)
```
#4af7fd
```
#4af7fd rgb(74,247,253)
```
#64f8fd
```
#64f8fd rgb(100,248,253)
```

Monochromatic Color

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

#18fcca
```
#18fcca rgb(24,252,202)
```
#18fcdd
```
#18fcdd rgb(24,252,221)
```
#18fcf0
```
#18fcf0 rgb(24,252,240)
```
#18f5fc
```
#18f5fc rgb(24,245,252)
```
#18e2fc
```
#18e2fc rgb(24,226,252)
```
#18cffc
```
#18cffc rgb(24,207,252)
```
#18bcfc
```
#18bcfc rgb(24,188,252)
```

Similar Colors

Text with hexadecimal color #18f5fc

This text has a font color of #18f5fc.

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

#18f5fc background color

This paragraph has a background color of #18f5fc.

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

#18f5fc border color

This element has a border color of #18f5fc.

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

CSS codes

.text {color:#18f5fc;}

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

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

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)
```
#014c4f
```
#014c4f rgb(1,76,79)
```
#015f62
```
#015f62 rgb(1,95,98)
```
#027276
```
#027276 rgb(2,114,118)
```
#028589
```
#028589 rgb(2,133,137)
```
#02989c
```
#02989c rgb(2,152,156)
```
#02aab0
```
#02aab0 rgb(2,170,176)
```
#03bdc3
```
#03bdc3 rgb(3,189,195)
```
#03d0d6
```
#03d0d6 rgb(3,208,214)
```
#03e3ea
```
#03e3ea rgb(3,227,234)
```

Shade Color Variation

#05f4fc
```
#05f4fc rgb(5,244,252)
```
#18f5fc
```
#18f5fc rgb(24,245,252)
```
#2bf6fc
```
#2bf6fc rgb(43,246,252)
```
#3ff7fd
```
#3ff7fd rgb(63,247,253)
```
#52f8fd
```
#52f8fd rgb(82,248,253)
```
#65f8fd
```
#65f8fd rgb(101,248,253)
```
#79f9fd
```
#79f9fd rgb(121,249,253)
```
#8cfafe
```
#8cfafe rgb(140,250,254)
```
#a0fbfe
```
#a0fbfe rgb(160,251,254)
```
#b3fcfe
```
#b3fcfe rgb(179,252,254)
```
#c6fdfe
```
#c6fdfe rgb(198,253,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, #849090 is the less saturated color, while #18f5fc 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)
```
#60b1b4
```
#60b1b4 rgb(96,177,180)
```
#57babd
```
#57babd rgb(87,186,189)
```
#4ec2c6
```
#4ec2c6 rgb(78,194,198)
```
#45cbcf
```
#45cbcf rgb(69,203,207)
```
#3cd3d8
```
#3cd3d8 rgb(60,211,216)
```
#33dce1
```
#33dce1 rgb(51,220,225)
```
#2ae4ea
```
#2ae4ea rgb(42,228,234)
```
#21edf3
```
#21edf3 rgb(33,237,243)
```
#18f5fc
```
#18f5fc rgb(24,245,252)
```

Tone Color Variation

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

#deddee Protanopia 1% of men
#dfdbff Deuteranopia 1% of men
#76f0ff Tritanopia 0.001% of the population

Trichromacy

#96e6f3 Protanomaly 1% of men, 0.01% of women
#96e4fd Deuteranomaly 6% of men, 0.4% of women
#54f1fd Tritanomaly 0.01% of the population

#18f5fc hex color

#18f5fc Color Information

#18f5fc Color Conversion

Color Schemes with #18f5fc

Alternatives to #18f5fc

#18f5fc Preview

Shades and Tints of #18f5fc

Tones of #18f5fc

Color Blindness Simulator