#18c1fa hex color

In a RGB color space, hex #18c1fa is composed of 9.4% red, 75.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 22.8% magenta, 0% yellow and 2% black. It has a hue angle of 195.1 degrees, a saturation of 95.8% and a lightness of 53.7%. #18c1fa color hex could be obtained by blending #30ffff with #0083f5. Closest websafe color is: #00ccff.

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

● #18c1fa color description : Vivid blue.

The hexadecimal color #18c1fa has RGB values of R:24, G:193, B:250 and CMYK values of C:0.9, M:0.23, Y:0, K:0.02. Its decimal value is 1622522.

Hex triplet	18c1fa	`#18c1fa`
RGB Decimal	24, 193, 250	`rgb(24,193,250)`
RGB Percent	9.4, 75.7, 98	`rgb(9.4%,75.7%,98%)`
CMYK	90, 23, 0, 2
HSL	195.1°, 95.8, 53.7	`hsl(195.1,95.8%,53.7%)`
HSV (or HSB)	195.1°, 90.4, 98
Web Safe	00ccff	`#00ccff`

CIE-LAB	73.045, -19.729, -39.071
XYZ	36.697, 45.233, 97.234
xyY	0.205, 0.252, 45.233
CIE-LCH	73.045, 43.77, 243.208
CIE-LUV	73.045, -49.43, -60.799
Hunter-Lab	67.255, -20.299, -38.639
Binary	00011000, 11000001, 11111010

#18c1fa
```
#18c1fa rgb(24,193,250)
```
#fa5118
```
#fa5118 rgb(250,81,24)
```

Complementary Color

#18fac2
```
#18fac2 rgb(24,250,194)
```
#18c1fa
```
#18c1fa rgb(24,193,250)
```
#1850fa
```
#1850fa rgb(24,80,250)
```

Analogous Color

#fac218
```
#fac218 rgb(250,194,24)
```
#18c1fa
```
#18c1fa rgb(24,193,250)
```
#fa1850
```
#fa1850 rgb(250,24,80)
```

Split Complementary Color

#c1fa18
```
#c1fa18 rgb(193,250,24)
```
#18c1fa
```
#18c1fa rgb(24,193,250)
```
#fa18c1
```
#fa18c1 rgb(250,24,193)
```

Triadic Color

#18fa51
```
#18fa51 rgb(24,250,81)
```
#18c1fa
```
#18c1fa rgb(24,193,250)
```
#fa18c1
```
#fa18c1 rgb(250,24,193)
```
#fa5118
```
#fa5118 rgb(250,81,24)
```

Tetradic Color

#0492c1
```
#0492c1 rgb(4,146,193)
```
#05a4da
```
#05a4da rgb(5,164,218)
```
#05b7f3
```
#05b7f3 rgb(5,183,243)
```
#18c1fa
```
#18c1fa rgb(24,193,250)
```
#31c8fb
```
#31c8fb rgb(49,200,251)
```
#4acefb
```
#4acefb rgb(74,206,251)
```
#63d5fc
```
#63d5fc rgb(99,213,252)
```

Monochromatic Color

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

#18fafa
```
#18fafa rgb(24,250,250)
```
#18e7fa
```
#18e7fa rgb(24,231,250)
```
#18d4fa
```
#18d4fa rgb(24,212,250)
```
#18c1fa
```
#18c1fa rgb(24,193,250)
```
#18aefa
```
#18aefa rgb(24,174,250)
```
#189bfa
```
#189bfa rgb(24,155,250)
```
#1889fa
```
#1889fa rgb(24,137,250)
```

Similar Colors

Text with hexadecimal color #18c1fa

This text has a font color of #18c1fa.

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

#18c1fa background color

This paragraph has a background color of #18c1fa.

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

#18c1fa border color

This element has a border color of #18c1fa.

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

CSS codes

.text {color:#18c1fa;}

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

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

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, #000e13 is the darkest color, while #feffff is the lightest one.

#000e13
```
#000e13 rgb(0,14,19)
```
#011c26
```
#011c26 rgb(1,28,38)
```
#012b39
```
#012b39 rgb(1,43,57)
```
#02394c
```
#02394c rgb(2,57,76)
```
#02485f
```
#02485f rgb(2,72,95)
```
#025673
```
#025673 rgb(2,86,115)
```
#036586
```
#036586 rgb(3,101,134)
```
#037399
```
#037399 rgb(3,115,153)
```
#0482ac
```
#0482ac rgb(4,130,172)
```
#0490bf
```
#0490bf rgb(4,144,191)
```
#059fd3
```
#059fd3 rgb(5,159,211)
```
#05ade6
```
#05ade6 rgb(5,173,230)
```
#05bcf9
```
#05bcf9 rgb(5,188,249)
```

Shade Color Variation

#18c1fa
```
#18c1fa rgb(24,193,250)
```
#2bc6fa
```
#2bc6fa rgb(43,198,250)
```
#3ecbfb
```
#3ecbfb rgb(62,203,251)
```
#52d0fb
```
#52d0fb rgb(82,208,251)
```
#65d6fc
```
#65d6fc rgb(101,214,252)
```
#78dbfc
```
#78dbfc rgb(120,219,252)
```
#8be0fc
```
#8be0fc rgb(139,224,252)
```
#9ee5fd
```
#9ee5fd rgb(158,229,253)
```
#b2eafd
```
#b2eafd rgb(178,234,253)
```
#c5effe
```
#c5effe rgb(197,239,254)
```
#d8f5fe
```
#d8f5fe rgb(216,245,254)
```
#ebfaff
```
#ebfaff rgb(235,250,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#858b8d
```
#858b8d rgb(133,139,141)
```
#7c9096
```
#7c9096 rgb(124,144,150)
```
#73949f
```
#73949f rgb(115,148,159)
```
#6a99a8
```
#6a99a8 rgb(106,153,168)
```
#619db1
```
#619db1 rgb(97,157,177)
```
#58a2ba
```
#58a2ba rgb(88,162,186)
```
#4ea6c4
```
#4ea6c4 rgb(78,166,196)
```
#45abcd
```
#45abcd rgb(69,171,205)
```
#3cafd6
```
#3cafd6 rgb(60,175,214)
```
#33b4df
```
#33b4df rgb(51,180,223)
```
#2ab8e8
```
#2ab8e8 rgb(42,184,232)
```
#21bdf1
```
#21bdf1 rgb(33,189,241)
```
#18c1fa
```
#18c1fa rgb(24,193,250)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#7c9ea9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b5ef Protanopia 1% of men
#98b5ff Deuteranopia 1% of men
#00c9d6 Tritanopia 0.001% of the population

Trichromacy

#72b9f3 Protanomaly 1% of men, 0.01% of women
#69b9fd Deuteranomaly 6% of men, 0.4% of women
#08c6e3 Tritanomaly 0.01% of the population

#18c1fa hex color

#18c1fa Color Information

#18c1fa Color Conversion

Color Schemes with #18c1fa

Alternatives to #18c1fa

#18c1fa Preview

Shades and Tints of #18c1fa

Tones of #18c1fa

Color Blindness Simulator