colorhexa.com

#18ecfc hex color

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

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

● #18ecfc color description : Vivid cyan.

The hexadecimal color #18ecfc has RGB values of R:24, G:236, B:252 and CMYK values of C:0.9, M:0.06, Y:0, K:0.01. Its decimal value is 1633532.

Hex triplet	18ecfc	`#18ecfc`
RGB Decimal	24, 236, 252	`rgb(24,236,252)`
RGB Percent	9.4, 92.5, 98.8	`rgb(9.4%,92.5%,98.8%)`
CMYK	90, 6, 0, 1
HSL	184.2°, 97.4, 54.1	`hsl(184.2,97.4%,54.1%)`
HSV (or HSB)	184.2°, 90.5, 98.8
Web Safe	00ffff	`#00ffff`

CIE-LAB	85.609, -39.971, -20.848
XYZ	47.938, 67.208, 102.536
xyY	0.22, 0.309, 67.208
CIE-LCH	85.609, 45.081, 207.545
CIE-LUV	85.609, -63.689, -27.569
Hunter-Lab	81.981, -39.09, -16.769
Binary	00011000, 11101100, 11111100

#18ecfc
```
#18ecfc rgb(24,236,252)
```
#fc2818
```
#fc2818 rgb(252,40,24)
```

Complementary Color

#18fc9a
```
#18fc9a rgb(24,252,154)
```
#18ecfc
```
#18ecfc rgb(24,236,252)
```
#187afc
```
#187afc rgb(24,122,252)
```

Analogous Color

#fc9a18
```
#fc9a18 rgb(252,154,24)
```
#18ecfc
```
#18ecfc rgb(24,236,252)
```
#fc187a
```
#fc187a rgb(252,24,122)
```

Split Complementary Color

#ecfc18
```
#ecfc18 rgb(236,252,24)
```
#18ecfc
```
#18ecfc rgb(24,236,252)
```
#fc18ec
```
#fc18ec rgb(252,24,236)
```

Triadic Color

#18fc28
```
#18fc28 rgb(24,252,40)
```
#18ecfc
```
#18ecfc rgb(24,236,252)
```
#fc18ec
```
#fc18ec rgb(252,24,236)
```
#fc2818
```
#fc2818 rgb(252,40,24)
```

Tetradic Color

#03b7c5
```
#03b7c5 rgb(3,183,197)
```
#03cfde
```
#03cfde rgb(3,207,222)
```
#03e6f7
```
#03e6f7 rgb(3,230,247)
```
#18ecfc
```
#18ecfc rgb(24,236,252)
```
#31eefc
```
#31eefc rgb(49,238,252)
```
#4af0fd
```
#4af0fd rgb(74,240,253)
```
#64f2fd
```
#64f2fd rgb(100,242,253)
```

Monochromatic Color

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

#18fcd3
```
#18fcd3 rgb(24,252,211)
```
#18fce6
```
#18fce6 rgb(24,252,230)
```
#18fcf9
```
#18fcf9 rgb(24,252,249)
```
#18ecfc
```
#18ecfc rgb(24,236,252)
```
#18d9fc
```
#18d9fc rgb(24,217,252)
```
#18c6fc
```
#18c6fc rgb(24,198,252)
```
#18b3fc
```
#18b3fc rgb(24,179,252)
```

Similar Colors

Text with hexadecimal color #18ecfc

This text has a font color of #18ecfc.

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

#18ecfc background color

This paragraph has a background color of #18ecfc.

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

#18ecfc border color

This element has a border color of #18ecfc.

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

CSS codes

.text {color:#18ecfc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#001315
```
#001315 rgb(0,19,21)
```
#012528
```
#012528 rgb(1,37,40)
```
#01373b
```
#01373b rgb(1,55,59)
```
#01494f
```
#01494f rgb(1,73,79)
```
#015b62
```
#015b62 rgb(1,91,98)
```
#026d76
```
#026d76 rgb(2,109,118)
```
#027f89
```
#027f89 rgb(2,127,137)
```
#02919c
```
#02919c rgb(2,145,156)
```
#02a3b0
```
#02a3b0 rgb(2,163,176)
```
#03b5c3
```
#03b5c3 rgb(3,181,195)
```
#03c8d6
```
#03c8d6 rgb(3,200,214)
```
#03daea
```
#03daea rgb(3,218,234)
```

Shade Color Variation

#05eafc
```
#05eafc rgb(5,234,252)
```
#18ecfc
```
#18ecfc rgb(24,236,252)
```
#2beefc
```
#2beefc rgb(43,238,252)
```
#3feffd
```
#3feffd rgb(63,239,253)
```
#52f1fd
```
#52f1fd rgb(82,241,253)
```
#65f2fd
```
#65f2fd rgb(101,242,253)
```
#79f4fd
```
#79f4fd rgb(121,244,253)
```
#8cf6fe
```
#8cf6fe rgb(140,246,254)
```
#a0f7fe
```
#a0f7fe rgb(160,247,254)
```
#b3f9fe
```
#b3f9fe rgb(179,249,254)
```
#c6fafe
```
#c6fafe rgb(198,250,254)
```
#dafcff
```
#dafcff rgb(218,252,255)
```
#edfeff
```
#edfeff rgb(237,254,255)
```

Tint Color Variation

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

#848f90
```
#848f90 rgb(132,143,144)
```
#7b9799
```
#7b9799 rgb(123,151,153)
```
#729fa2
```
#729fa2 rgb(114,159,162)
```
#69a6ab
```
#69a6ab rgb(105,166,171)
```
#60aeb4
```
#60aeb4 rgb(96,174,180)
```
#57b6bd
```
#57b6bd rgb(87,182,189)
```
#4ebec6
```
#4ebec6 rgb(78,190,198)
```
#45c5cf
```
#45c5cf rgb(69,197,207)
```
#3ccdd8
```
#3ccdd8 rgb(60,205,216)
```
#33d5e1
```
#33d5e1 rgb(51,213,225)
```
#2addea
```
#2addea rgb(42,221,234)
```
#21e4f3
```
#21e4f3 rgb(33,228,243)
```
#18ecfc
```
#18ecfc rgb(24,236,252)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#90babe Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d6ee Protanopia 1% of men
#d4d4ff Deuteranopia 1% of men
#28ecfe Tritanopia 0.001% of the population

Trichromacy

#90def3 Protanomaly 1% of men, 0.01% of women
#8fddfd Deuteranomaly 6% of men, 0.4% of women
#22ecfd Tritanomaly 0.01% of the population