#18dcfc hex color

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

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

● #18dcfc color description : Vivid cyan.

The hexadecimal color #18dcfc has RGB values of R:24, G:220, B:252 and CMYK values of C:0.9, M:0.13, Y:0, K:0.01. Its decimal value is 1629436.

Hex triplet	18dcfc	`#18dcfc`
RGB Decimal	24, 220, 252	`rgb(24,220,252)`
RGB Percent	9.4, 86.3, 98.8	`rgb(9.4%,86.3%,98.8%)`
CMYK	90, 13, 0, 1
HSL	188.4°, 97.4, 54.1	`hsl(188.4,97.4%,54.1%)`
HSV (or HSB)	188.4°, 90.5, 98.8
Web Safe	00ccff	`#00ccff`

CIE-LAB	80.963, -32.521, -27.918
XYZ	43.536, 58.405, 101.069
xyY	0.214, 0.288, 58.405
CIE-LCH	80.963, 42.861, 220.645
CIE-LUV	80.963, -58.339, -40.494
Hunter-Lab	76.423, -32.054, -24.915
Binary	00011000, 11011100, 11111100

#18dcfc
```
#18dcfc rgb(24,220,252)
```
#fc3818
```
#fc3818 rgb(252,56,24)
```

Complementary Color

#18fcaa
```
#18fcaa rgb(24,252,170)
```
#18dcfc
```
#18dcfc rgb(24,220,252)
```
#186afc
```
#186afc rgb(24,106,252)
```

Analogous Color

#fcaa18
```
#fcaa18 rgb(252,170,24)
```
#18dcfc
```
#18dcfc rgb(24,220,252)
```
#fc186a
```
#fc186a rgb(252,24,106)
```

Split Complementary Color

#dcfc18
```
#dcfc18 rgb(220,252,24)
```
#18dcfc
```
#18dcfc rgb(24,220,252)
```
#fc18dc
```
#fc18dc rgb(252,24,220)
```

Triadic Color

#18fc38
```
#18fc38 rgb(24,252,56)
```
#18dcfc
```
#18dcfc rgb(24,220,252)
```
#fc18dc
```
#fc18dc rgb(252,24,220)
```
#fc3818
```
#fc3818 rgb(252,56,24)
```

Tetradic Color

#03aac5
```
#03aac5 rgb(3,170,197)
```
#03bfde
```
#03bfde rgb(3,191,222)
```
#03d5f7
```
#03d5f7 rgb(3,213,247)
```
#18dcfc
```
#18dcfc rgb(24,220,252)
```
#31e0fc
```
#31e0fc rgb(49,224,252)
```
#4ae4fd
```
#4ae4fd rgb(74,228,253)
```
#64e7fd
```
#64e7fd rgb(100,231,253)
```

Monochromatic Color

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

#18fce3
```
#18fce3 rgb(24,252,227)
```
#18fcf6
```
#18fcf6 rgb(24,252,246)
```
#18effc
```
#18effc rgb(24,239,252)
```
#18dcfc
```
#18dcfc rgb(24,220,252)
```
#18c9fc
```
#18c9fc rgb(24,201,252)
```
#18b6fc
```
#18b6fc rgb(24,182,252)
```
#18a3fc
```
#18a3fc rgb(24,163,252)
```

Similar Colors

Text with hexadecimal color #18dcfc

This text has a font color of #18dcfc.

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

#18dcfc background color

This paragraph has a background color of #18dcfc.

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

#18dcfc border color

This element has a border color of #18dcfc.

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

CSS codes

.text {color:#18dcfc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#001215
```
#001215 rgb(0,18,21)
```
#012328
```
#012328 rgb(1,35,40)
```
#01333b
```
#01333b rgb(1,51,59)
```
#01444f
```
#01444f rgb(1,68,79)
```
#015562
```
#015562 rgb(1,85,98)
```
#026576
```
#026576 rgb(2,101,118)
```
#027689
```
#027689 rgb(2,118,137)
```
#02879c
```
#02879c rgb(2,135,156)
```
#0297b0
```
#0297b0 rgb(2,151,176)
```
#03a8c3
```
#03a8c3 rgb(3,168,195)
```
#03b9d6
```
#03b9d6 rgb(3,185,214)
```
#03c9ea
```
#03c9ea rgb(3,201,234)
```

Shade Color Variation

#05d9fc
```
#05d9fc rgb(5,217,252)
```
#18dcfc
```
#18dcfc rgb(24,220,252)
```
#2bdffc
```
#2bdffc rgb(43,223,252)
```
#3fe2fd
```
#3fe2fd rgb(63,226,253)
```
#52e5fd
```
#52e5fd rgb(82,229,253)
```
#65e8fd
```
#65e8fd rgb(101,232,253)
```
#79ebfd
```
#79ebfd rgb(121,235,253)
```
#8ceefe
```
#8ceefe rgb(140,238,254)
```
#a0f1fe
```
#a0f1fe rgb(160,241,254)
```
#b3f3fe
```
#b3f3fe rgb(179,243,254)
```
#c6f6fe
```
#c6f6fe rgb(198,246,254)
```
#daf9ff
```
#daf9ff rgb(218,249,255)
```
#edfcff
```
#edfcff rgb(237,252,255)
```

Tint Color Variation

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

#848e90
```
#848e90 rgb(132,142,144)
```
#7b9599
```
#7b9599 rgb(123,149,153)
```
#729ba2
```
#729ba2 rgb(114,155,162)
```
#69a2ab
```
#69a2ab rgb(105,162,171)
```
#60a8b4
```
#60a8b4 rgb(96,168,180)
```
#57afbd
```
#57afbd rgb(87,175,189)
```
#4eb5c6
```
#4eb5c6 rgb(78,181,198)
```
#45bccf
```
#45bccf rgb(69,188,207)
```
#3cc2d8
```
#3cc2d8 rgb(60,194,216)
```
#33c9e1
```
#33c9e1 rgb(51,201,225)
```
#2acfea
```
#2acfea rgb(42,207,234)
```
#21d6f3
```
#21d6f3 rgb(33,214,243)
```
#18dcfc
```
#18dcfc rgb(24,220,252)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#89b0b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3caef Protanopia 1% of men
#bfc9ff Deuteranopia 1% of men
#00dfef Tritanopia 0.001% of the population

Trichromacy

#85d0f4 Protanomaly 1% of men, 0.01% of women
#82cffd Deuteranomaly 6% of men, 0.4% of women
#08def4 Tritanomaly 0.01% of the population

#18dcfc hex color

#18dcfc Color Information

#18dcfc Color Conversion

Color Schemes with #18dcfc

Alternatives to #18dcfc

#18dcfc Preview

Shades and Tints of #18dcfc

Tones of #18dcfc

Color Blindness Simulator