#18cbf6 hex color

In a RGB color space, hex #18cbf6 is composed of 9.4% red, 79.6% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 17.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 191.6 degrees, a saturation of 92.5% and a lightness of 52.9%. #18cbf6 color hex could be obtained by blending #30ffff with #0097ed. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 9
- G 80
- B 96
RGB color chart
- C 90
- M 17
- Y 0
- K 4
CMYK color chart

● #18cbf6 color description : Vivid cyan.

The hexadecimal color #18cbf6 has RGB values of R:24, G:203, B:246 and CMYK values of C:0.9, M:0.17, Y:0, K:0.04. Its decimal value is 1625078.

Hex triplet	18cbf6	`#18cbf6`
RGB Decimal	24, 203, 246	`rgb(24,203,246)`
RGB Percent	9.4, 79.6, 96.5	`rgb(9.4%,79.6%,96.5%)`
CMYK	90, 17, 0, 4
HSL	191.6°, 92.5, 52.9	`hsl(191.6,92.5%,52.9%)`
HSV (or HSB)	191.6°, 90.2, 96.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.796, -26.162, -32.658
XYZ	38.363, 49.556, 94.727
xyY	0.21, 0.271, 49.556
CIE-LCH	75.796, 41.845, 231.302
CIE-LUV	75.796, -53.085, -49.169
Hunter-Lab	70.396, -25.919, -30.505
Binary	00011000, 11001011, 11110110

#18cbf6
```
#18cbf6 rgb(24,203,246)
```
#f64318
```
#f64318 rgb(246,67,24)
```

Complementary Color

#18f6b2
```
#18f6b2 rgb(24,246,178)
```
#18cbf6
```
#18cbf6 rgb(24,203,246)
```
#185cf6
```
#185cf6 rgb(24,92,246)
```

Analogous Color

#f6b218
```
#f6b218 rgb(246,178,24)
```
#18cbf6
```
#18cbf6 rgb(24,203,246)
```
#f6185c
```
#f6185c rgb(246,24,92)
```

Split Complementary Color

#cbf618
```
#cbf618 rgb(203,246,24)
```
#18cbf6
```
#18cbf6 rgb(24,203,246)
```
#f618cb
```
#f618cb rgb(246,24,203)
```

Triadic Color

#18f643
```
#18f643 rgb(24,246,67)
```
#18cbf6
```
#18cbf6 rgb(24,203,246)
```
#f618cb
```
#f618cb rgb(246,24,203)
```
#f64318
```
#f64318 rgb(246,67,24)
```

Tetradic Color

#0798ba
```
#0798ba rgb(7,152,186)
```
#08acd3
```
#08acd3 rgb(8,172,211)
```
#09c0eb
```
#09c0eb rgb(9,192,235)
```
#18cbf6
```
#18cbf6 rgb(24,203,246)
```
#31d1f7
```
#31d1f7 rgb(49,209,247)
```
#49d6f8
```
#49d6f8 rgb(73,214,248)
```
#62dcf9
```
#62dcf9 rgb(98,220,249)
```

Monochromatic Color

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

#18f6ea
```
#18f6ea rgb(24,246,234)
```
#18f0f6
```
#18f0f6 rgb(24,240,246)
```
#18def6
```
#18def6 rgb(24,222,246)
```
#18cbf6
```
#18cbf6 rgb(24,203,246)
```
#18b9f6
```
#18b9f6 rgb(24,185,246)
```
#18a6f6
```
#18a6f6 rgb(24,166,246)
```
#1894f6
```
#1894f6 rgb(24,148,246)
```

Similar Colors

Text with hexadecimal color #18cbf6

This text has a font color of #18cbf6.

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

#18cbf6 background color

This paragraph has a background color of #18cbf6.

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

#18cbf6 border color

This element has a border color of #18cbf6.

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

CSS codes

.text {color:#18cbf6;}

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

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

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, #010c0e is the darkest color, while #fbfeff is the lightest one.

#010c0e
```
#010c0e rgb(1,12,14)
```
#011b21
```
#011b21 rgb(1,27,33)
```
#022a34
```
#022a34 rgb(2,42,52)
```
#033a47
```
#033a47 rgb(3,58,71)
```
#04495a
```
#04495a rgb(4,73,90)
```
#04596d
```
#04596d rgb(4,89,109)
```
#056880
```
#056880 rgb(5,104,128)
```
#067793
```
#067793 rgb(6,119,147)
```
#0687a5
```
#0687a5 rgb(6,135,165)
```
#0796b8
```
#0796b8 rgb(7,150,184)
```
#08a5cb
```
#08a5cb rgb(8,165,203)
```
#09b5de
```
#09b5de rgb(9,181,222)
```
#09c4f1
```
#09c4f1 rgb(9,196,241)
```

Shade Color Variation

#18cbf6
```
#18cbf6 rgb(24,203,246)
```
#2bcff7
```
#2bcff7 rgb(43,207,247)
```
#3ed4f7
```
#3ed4f7 rgb(62,212,247)
```
#51d8f8
```
#51d8f8 rgb(81,216,248)
```
#64dcf9
```
#64dcf9 rgb(100,220,249)
```
#76e0fa
```
#76e0fa rgb(118,224,250)
```
#89e5fa
```
#89e5fa rgb(137,229,250)
```
#9ce9fb
```
#9ce9fb rgb(156,233,251)
```
#afedfc
```
#afedfc rgb(175,237,252)
```
#c2f1fd
```
#c2f1fd rgb(194,241,253)
```
#d5f6fd
```
#d5f6fd rgb(213,246,253)
```
#e8fafe
```
#e8fafe rgb(232,250,254)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#878787
```
#878787 rgb(135,135,135)
```
#7e8d90
```
#7e8d90 rgb(126,141,144)
```
#74929a
```
#74929a rgb(116,146,154)
```
#6b98a3
```
#6b98a3 rgb(107,152,163)
```
#629eac
```
#629eac rgb(98,158,172)
```
#59a3b5
```
#59a3b5 rgb(89,163,181)
```
#4fa9bf
```
#4fa9bf rgb(79,169,191)
```
#46afc8
```
#46afc8 rgb(70,175,200)
```
#3db4d1
```
#3db4d1 rgb(61,180,209)
```
#34bada
```
#34bada rgb(52,186,218)
```
#2ac0e4
```
#2ac0e4 rgb(42,192,228)
```
#21c5ed
```
#21c5ed rgb(33,197,237)
```
#18cbf6
```
#18cbf6 rgb(24,203,246)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#80a4ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bceb Protanopia 1% of men
#a9bcfd Deuteranopia 1% of men
#00d0df Tritanopia 0.001% of the population

Trichromacy

#7ac1ef Protanomaly 1% of men, 0.01% of women
#74c1fa Deuteranomaly 6% of men, 0.4% of women
#08cee7 Tritanomaly 0.01% of the population

#18cbf6 hex color

#18cbf6 Color Information

#18cbf6 Color Conversion

Color Schemes with #18cbf6

Alternatives to #18cbf6

#18cbf6 Preview

Shades and Tints of #18cbf6

Tones of #18cbf6

Color Blindness Simulator