#18c3f0 hex color

In a RGB color space, hex #18c3f0 is composed of 9.4% red, 76.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 18.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 192.5 degrees, a saturation of 87.8% and a lightness of 51.8%. #18c3f0 color hex could be obtained by blending #30ffff with #0087e1. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 9
- G 76
- B 94
RGB color chart
- C 90
- M 19
- Y 0
- K 6
CMYK color chart

● #18c3f0 color description : Vivid cyan.

The hexadecimal color #18c3f0 has RGB values of R:24, G:195, B:240 and CMYK values of C:0.9, M:0.19, Y:0, K:0.06. Its decimal value is 1623024.

Hex triplet	18c3f0	`#18c3f0`
RGB Decimal	24, 195, 240	`rgb(24,195,240)`
RGB Percent	9.4, 76.5, 94.1	`rgb(9.4%,76.5%,94.1%)`
CMYK	90, 19, 0, 6
HSL	192.5°, 87.8, 51.8	`hsl(192.5,87.8%,51.8%)`
HSV (or HSB)	192.5°, 90, 94.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	73.228, -24.131, -33.397
XYZ	35.616, 45.512, 89.341
xyY	0.209, 0.267, 45.512
CIE-LCH	73.228, 41.203, 234.149
CIE-LUV	73.228, -50.836, -50.498
Hunter-Lab	67.463, -23.824, -31.294
Binary	00011000, 11000011, 11110000

#18c3f0
```
#18c3f0 rgb(24,195,240)
```
#f04518
```
#f04518 rgb(240,69,24)
```

Complementary Color

#18f0b1
```
#18f0b1 rgb(24,240,177)
```
#18c3f0
```
#18c3f0 rgb(24,195,240)
```
#1857f0
```
#1857f0 rgb(24,87,240)
```

Analogous Color

#f0b118
```
#f0b118 rgb(240,177,24)
```
#18c3f0
```
#18c3f0 rgb(24,195,240)
```
#f01857
```
#f01857 rgb(240,24,87)
```

Split Complementary Color

#c3f018
```
#c3f018 rgb(195,240,24)
```
#18c3f0
```
#18c3f0 rgb(24,195,240)
```
#f018c3
```
#f018c3 rgb(240,24,195)
```

Triadic Color

#18f045
```
#18f045 rgb(24,240,69)
```
#18c3f0
```
#18c3f0 rgb(24,195,240)
```
#f018c3
```
#f018c3 rgb(240,24,195)
```
#f04518
```
#f04518 rgb(240,69,24)
```

Tetradic Color

#0b8eb0
```
#0b8eb0 rgb(11,142,176)
```
#0da1c8
```
#0da1c8 rgb(13,161,200)
```
#0fb4e0
```
#0fb4e0 rgb(15,180,224)
```
#18c3f0
```
#18c3f0 rgb(24,195,240)
```
#30c9f2
```
#30c9f2 rgb(48,201,242)
```
#48cff3
```
#48cff3 rgb(72,207,243)
```
#60d6f5
```
#60d6f5 rgb(96,214,245)
```

Monochromatic Color

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

#18f0e7
```
#18f0e7 rgb(24,240,231)
```
#18e7f0
```
#18e7f0 rgb(24,231,240)
```
#18d5f0
```
#18d5f0 rgb(24,213,240)
```
#18c3f0
```
#18c3f0 rgb(24,195,240)
```
#18b1f0
```
#18b1f0 rgb(24,177,240)
```
#189ff0
```
#189ff0 rgb(24,159,240)
```
#188df0
```
#188df0 rgb(24,141,240)
```

Similar Colors

Text with hexadecimal color #18c3f0

This text has a font color of #18c3f0.

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

#18c3f0 background color

This paragraph has a background color of #18c3f0.

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

#18c3f0 border color

This element has a border color of #18c3f0.

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

CSS codes

.text {color:#18c3f0;}

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

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

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, #010708 is the darkest color, while #f5fcfe is the lightest one.

#010708
```
#010708 rgb(1,7,8)
```
#02161b
```
#02161b rgb(2,22,27)
```
#03242d
```
#03242d rgb(3,36,45)
```
#043340
```
#043340 rgb(4,51,64)
```
#054252
```
#054252 rgb(5,66,82)
```
#075165
```
#075165 rgb(7,81,101)
```
#086077
```
#086077 rgb(8,96,119)
```
#096f89
```
#096f89 rgb(9,111,137)
```
#0a7d9c
```
#0a7d9c rgb(10,125,156)
```
#0b8cae
```
#0b8cae rgb(11,140,174)
```
#0d9bc1
```
#0d9bc1 rgb(13,155,193)
```
#0eaad3
```
#0eaad3 rgb(14,170,211)
```
#0fb9e5
```
#0fb9e5 rgb(15,185,229)
```

Shade Color Variation

#18c3f0
```
#18c3f0 rgb(24,195,240)
```
#2ac8f1
```
#2ac8f1 rgb(42,200,241)
```
#3dcdf2
```
#3dcdf2 rgb(61,205,242)
```
#4fd1f4
```
#4fd1f4 rgb(79,209,244)
```
#62d6f5
```
#62d6f5 rgb(98,214,245)
```
#74dbf6
```
#74dbf6 rgb(116,219,246)
```
#87e0f7
```
#87e0f7 rgb(135,224,247)
```
#99e4f8
```
#99e4f8 rgb(153,228,248)
```
#abe9fa
```
#abe9fa rgb(171,233,250)
```
#beeefb
```
#beeefb rgb(190,238,251)
```
#d0f3fc
```
#d0f3fc rgb(208,243,252)
```
#e3f8fd
```
#e3f8fd rgb(227,248,253)
```
#f5fcfe
```
#f5fcfe rgb(245,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808688 is the less saturated color, while #0fc9f9 is the most saturated one.

#808688
```
#808688 rgb(128,134,136)
```
#778c91
```
#778c91 rgb(119,140,145)
```
#6d919b
```
#6d919b rgb(109,145,155)
```
#6497a4
```
#6497a4 rgb(100,151,164)
```
#5a9cae
```
#5a9cae rgb(90,156,174)
```
#51a2b7
```
#51a2b7 rgb(81,162,183)
```
#47a7c1
```
#47a7c1 rgb(71,167,193)
```
#3eadca
```
#3eadca rgb(62,173,202)
```
#34b2d4
```
#34b2d4 rgb(52,178,212)
```
#2bb8dd
```
#2bb8dd rgb(43,184,221)
```
#21bde7
```
#21bde7 rgb(33,189,231)
```
#18c3f0
```
#18c3f0 rgb(24,195,240)
```
#0fc9f9
```
#0fc9f9 rgb(15,201,249)
```

Tone Color Variation

Below, you can see how #18c3f0 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
#7c9ea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab5e5 Protanopia 1% of men
#a1b5f7 Deuteranopia 1% of men
#00c9d7 Tritanopia 0.001% of the population

Trichromacy

#75bae9 Protanomaly 1% of men, 0.01% of women
#6fbaf4 Deuteranomaly 6% of men, 0.4% of women
#08c7e0 Tritanomaly 0.01% of the population

#18c3f0 hex color

#18c3f0 Color Information

#18c3f0 Color Conversion

Color Schemes with #18c3f0

Alternatives to #18c3f0

#18c3f0 Preview

Shades and Tints of #18c3f0

Tones of #18c3f0

Color Blindness Simulator