colorhexa.com

#18c4fc hex color

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

- R 9
- G 77
- B 99
RGB color chart
- C 90
- M 22
- Y 0
- K 1
CMYK color chart

● #18c4fc color description : Vivid cyan.

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

Hex triplet	18c4fc	`#18c4fc`
RGB Decimal	24, 196, 252	`rgb(24,196,252)`
RGB Percent	9.4, 76.9, 98.8	`rgb(9.4%,76.9%,98.8%)`
CMYK	90, 22, 0, 1
HSL	194.7°, 97.4, 54.1	`hsl(194.7,97.4%,54.1%)`
HSV (or HSB)	194.7°, 90.5, 98.8
Web Safe	00ccff	`#00ccff`

CIE-LAB	73.997, -20.602, -38.666
XYZ	37.683, 46.699, 99.118
xyY	0.205, 0.254, 46.699
CIE-LCH	73.997, 43.812, 241.95
CIE-LUV	73.997, -50.29, -60.087
Hunter-Lab	68.336, -21.159, -38.161
Binary	00011000, 11000100, 11111100

#18c4fc
```
#18c4fc rgb(24,196,252)
```
#fc5018
```
#fc5018 rgb(252,80,24)
```

Complementary Color

#18fcc2
```
#18fcc2 rgb(24,252,194)
```
#18c4fc
```
#18c4fc rgb(24,196,252)
```
#1852fc
```
#1852fc rgb(24,82,252)
```

Analogous Color

#fcc218
```
#fcc218 rgb(252,194,24)
```
#18c4fc
```
#18c4fc rgb(24,196,252)
```
#fc1852
```
#fc1852 rgb(252,24,82)
```

Split Complementary Color

#c4fc18
```
#c4fc18 rgb(196,252,24)
```
#18c4fc
```
#18c4fc rgb(24,196,252)
```
#fc18c4
```
#fc18c4 rgb(252,24,196)
```

Triadic Color

#18fc50
```
#18fc50 rgb(24,252,80)
```
#18c4fc
```
#18c4fc rgb(24,196,252)
```
#fc18c4
```
#fc18c4 rgb(252,24,196)
```
#fc5018
```
#fc5018 rgb(252,80,24)
```

Tetradic Color

#0395c5
```
#0395c5 rgb(3,149,197)
```
#03a8de
```
#03a8de rgb(3,168,222)
```
#03bbf7
```
#03bbf7 rgb(3,187,247)
```
#18c4fc
```
#18c4fc rgb(24,196,252)
```
#31cafc
```
#31cafc rgb(49,202,252)
```
#4ad1fd
```
#4ad1fd rgb(74,209,253)
```
#64d7fd
```
#64d7fd rgb(100,215,253)
```

Monochromatic Color

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

#18fcfb
```
#18fcfb rgb(24,252,251)
```
#18eafc
```
#18eafc rgb(24,234,252)
```
#18d7fc
```
#18d7fc rgb(24,215,252)
```
#18c4fc
```
#18c4fc rgb(24,196,252)
```
#18b1fc
```
#18b1fc rgb(24,177,252)
```
#189efc
```
#189efc rgb(24,158,252)
```
#188bfc
```
#188bfc rgb(24,139,252)
```

Similar Colors

Text with hexadecimal color #18c4fc

This text has a font color of #18c4fc.

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

#18c4fc background color

This paragraph has a background color of #18c4fc.

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

#18c4fc border color

This element has a border color of #18c4fc.

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

CSS codes

.text {color:#18c4fc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#001015
```
#001015 rgb(0,16,21)
```
#011e28
```
#011e28 rgb(1,30,40)
```
#012d3b
```
#012d3b rgb(1,45,59)
```
#013c4f
```
#013c4f rgb(1,60,79)
```
#014a62
```
#014a62 rgb(1,74,98)
```
#025976
```
#025976 rgb(2,89,118)
```
#026889
```
#026889 rgb(2,104,137)
```
#02769c
```
#02769c rgb(2,118,156)
```
#0285b0
```
#0285b0 rgb(2,133,176)
```
#0394c3
```
#0394c3 rgb(3,148,195)
```
#03a2d6
```
#03a2d6 rgb(3,162,214)
```
#03b1ea
```
#03b1ea rgb(3,177,234)
```

Shade Color Variation

#05bffc
```
#05bffc rgb(5,191,252)
```
#18c4fc
```
#18c4fc rgb(24,196,252)
```
#2bc9fc
```
#2bc9fc rgb(43,201,252)
```
#3fcefd
```
#3fcefd rgb(63,206,253)
```
#52d3fd
```
#52d3fd rgb(82,211,253)
```
#65d8fd
```
#65d8fd rgb(101,216,253)
```
#79ddfd
```
#79ddfd rgb(121,221,253)
```
#8ce2fe
```
#8ce2fe rgb(140,226,254)
```
#a0e7fe
```
#a0e7fe rgb(160,231,254)
```
#b3ecfe
```
#b3ecfe rgb(179,236,254)
```
#c6f1fe
```
#c6f1fe rgb(198,241,254)
```
#daf5ff
```
#daf5ff rgb(218,245,255)
```
#edfaff
```
#edfaff rgb(237,250,255)
```

Tint Color Variation

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

#848d90
```
#848d90 rgb(132,141,144)
```
#7b9299
```
#7b9299 rgb(123,146,153)
```
#7296a2
```
#7296a2 rgb(114,150,162)
```
#699bab
```
#699bab rgb(105,155,171)
```
#609fb4
```
#609fb4 rgb(96,159,180)
```
#57a4bd
```
#57a4bd rgb(87,164,189)
```
#4ea9c6
```
#4ea9c6 rgb(78,169,198)
```
#45adcf
```
#45adcf rgb(69,173,207)
```
#3cb2d8
```
#3cb2d8 rgb(60,178,216)
```
#33b6e1
```
#33b6e1 rgb(51,182,225)
```
#2abbea
```
#2abbea rgb(42,187,234)
```
#21bff3
```
#21bff3 rgb(33,191,243)
```
#18c4fc
```
#18c4fc rgb(24,196,252)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#7ea0ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b7f1 Protanopia 1% of men
#9db8ff Deuteranopia 1% of men
#00cbd9 Tritanopia 0.001% of the population

Trichromacy

#73bcf5 Protanomaly 1% of men, 0.01% of women
#6cbcfd Deuteranomaly 6% of men, 0.4% of women
#08c8e6 Tritanomaly 0.01% of the population