#18f6fe hex color

In a RGB color space, hex #18f6fe is composed of 9.4% red, 96.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 3.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 182.1 degrees, a saturation of 99.1% and a lightness of 54.5%. #18f6fe color hex could be obtained by blending #30ffff with #00edfd. Closest websafe color is: #00ffff.

♥
- f
- t
- g
- R 9
- G 96
- B 100
RGB color chart
- C 91
- M 3
- Y 0
- K 0
CMYK color chart

● #18f6fe color description : Vivid cyan.

The hexadecimal color #18f6fe has RGB values of R:24, G:246, B:254 and CMYK values of C:0.91, M:0.03, Y:0, K:0. Its decimal value is 1636094.

Hex triplet	18f6fe	`#18f6fe`
RGB Decimal	24, 246, 254	`rgb(24,246,254)`
RGB Percent	9.4, 96.5, 99.6	`rgb(9.4%,96.5%,99.6%)`
CMYK	91, 3, 0, 0
HSL	182.1°, 99.1, 54.5	`hsl(182.1,99.1%,54.5%)`
HSV (or HSB)	182.1°, 90.6, 99.6
Web Safe	00ffff	`#00ffff`

CIE-LAB	88.57, -43.858, -17.427
XYZ	51.216, 73.256, 105.201
xyY	0.223, 0.319, 73.256
CIE-LCH	88.57, 47.193, 201.671
CIE-LUV	88.57, -66.854, -21.303
Hunter-Lab	85.59, -42.969, -12.962
Binary	00011000, 11110110, 11111110

#18f6fe
```
#18f6fe rgb(24,246,254)
```
#fe2018
```
#fe2018 rgb(254,32,24)
```

Complementary Color

#18fe93
```
#18fe93 rgb(24,254,147)
```
#18f6fe
```
#18f6fe rgb(24,246,254)
```
#1883fe
```
#1883fe rgb(24,131,254)
```

Analogous Color

#fe9318
```
#fe9318 rgb(254,147,24)
```
#18f6fe
```
#18f6fe rgb(24,246,254)
```
#fe1883
```
#fe1883 rgb(254,24,131)
```

Split Complementary Color

#f6fe18
```
#f6fe18 rgb(246,254,24)
```
#18f6fe
```
#18f6fe rgb(24,246,254)
```
#fe18f6
```
#fe18f6 rgb(254,24,246)
```

Triadic Color

#18fe20
```
#18fe20 rgb(24,254,32)
```
#18f6fe
```
#18f6fe rgb(24,246,254)
```
#fe18f6
```
#fe18f6 rgb(254,24,246)
```
#fe2018
```
#fe2018 rgb(254,32,24)
```

Tetradic Color

#01c2c9
```
#01c2c9 rgb(1,194,201)
```
#01dae2
```
#01dae2 rgb(1,218,226)
```
#01f3fb
```
#01f3fb rgb(1,243,251)
```
#18f6fe
```
#18f6fe rgb(24,246,254)
```
#31f7fe
```
#31f7fe rgb(49,247,254)
```
#4bf8fe
```
#4bf8fe rgb(75,248,254)
```
#64f9fe
```
#64f9fe rgb(100,249,254)
```

Monochromatic Color

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

#18fecd
```
#18fecd rgb(24,254,205)
```
#18fee0
```
#18fee0 rgb(24,254,224)
```
#18fef3
```
#18fef3 rgb(24,254,243)
```
#18f6fe
```
#18f6fe rgb(24,246,254)
```
#18e3fe
```
#18e3fe rgb(24,227,254)
```
#18d0fe
```
#18d0fe rgb(24,208,254)
```
#18bdfe
```
#18bdfe rgb(24,189,254)
```

Similar Colors

Text with hexadecimal color #18f6fe

This text has a font color of #18f6fe.

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

#18f6fe background color

This paragraph has a background color of #18f6fe.

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

#18f6fe border color

This element has a border color of #18f6fe.

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

CSS codes

.text {color:#18f6fe;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001617
```
#001617 rgb(0,22,23)
```
#00292a
```
#00292a rgb(0,41,42)
```
#003c3e
```
#003c3e rgb(0,60,62)
```
#004f51
```
#004f51 rgb(0,79,81)
```
#006265
```
#006265 rgb(0,98,101)
```
#017479
```
#017479 rgb(1,116,121)
```
#01878c
```
#01878c rgb(1,135,140)
```
#019aa0
```
#019aa0 rgb(1,154,160)
```
#01adb3
```
#01adb3 rgb(1,173,179)
```
#01c0c7
```
#01c0c7 rgb(1,192,199)
```
#01d3da
```
#01d3da rgb(1,211,218)
```
#01e6ee
```
#01e6ee rgb(1,230,238)
```

Shade Color Variation

#04f5fe
```
#04f5fe rgb(4,245,254)
```
#18f6fe
```
#18f6fe rgb(24,246,254)
```
#2cf7fe
```
#2cf7fe rgb(44,247,254)
```
#3ff8fe
```
#3ff8fe rgb(63,248,254)
```
#53f8fe
```
#53f8fe rgb(83,248,254)
```
#66f9fe
```
#66f9fe rgb(102,249,254)
```
#7afafe
```
#7afafe rgb(122,250,254)
```
#8dfbff
```
#8dfbff rgb(141,251,255)
```
#a1fbff
```
#a1fbff rgb(161,251,255)
```
#b4fcff
```
#b4fcff rgb(180,252,255)
```
#c8fdff
```
#c8fdff rgb(200,253,255)
```
#dbfeff
```
#dbfeff rgb(219,254,255)
```
#effeff
```
#effeff rgb(239,254,255)
```

Tint Color Variation

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

#839293
```
#839293 rgb(131,146,147)
```
#7a9b9c
```
#7a9b9c rgb(122,155,156)
```
#71a3a5
```
#71a3a5 rgb(113,163,165)
```
#68abae
```
#68abae rgb(104,171,174)
```
#5fb4b7
```
#5fb4b7 rgb(95,180,183)
```
#56bcc0
```
#56bcc0 rgb(86,188,192)
```
#4ec4c8
```
#4ec4c8 rgb(78,196,200)
```
#45ccd1
```
#45ccd1 rgb(69,204,209)
```
#3cd5da
```
#3cd5da rgb(60,213,218)
```
#33dde3
```
#33dde3 rgb(51,221,227)
```
#2ae5ec
```
#2ae5ec rgb(42,229,236)
```
#21eef5
```
#21eef5 rgb(33,238,245)
```
#18f6fe
```
#18f6fe rgb(24,246,254)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#96c2c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dedef0 Protanopia 1% of men
#dfdcff Deuteranopia 1% of men
#7df0ff Tritanopia 0.001% of the population

Trichromacy

#96e7f5 Protanomaly 1% of men, 0.01% of women
#97e5fe Deuteranomaly 6% of men, 0.4% of women
#58f2fe Tritanomaly 0.01% of the population

#18f6fe hex color

#18f6fe Color Information

#18f6fe Color Conversion

Color Schemes with #18f6fe

Alternatives to #18f6fe

#18f6fe Preview

Shades and Tints of #18f6fe

Tones of #18f6fe

Color Blindness Simulator