#18dafe hex color

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

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

● #18dafe color description : Vivid cyan.

The hexadecimal color #18dafe has RGB values of R:24, G:218, B:254 and CMYK values of C:0.91, M:0.14, Y:0, K:0. Its decimal value is 1628926.

Hex triplet	18dafe	`#18dafe`
RGB Decimal	24, 218, 254	`rgb(24,218,254)`
RGB Percent	9.4, 85.5, 99.6	`rgb(9.4%,85.5%,99.6%)`
CMYK	91, 14, 0, 0
HSL	189.4°, 99.1, 54.5	`hsl(189.4,99.1%,54.5%)`
HSV (or HSB)	189.4°, 90.6, 99.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	80.454, -30.924, -29.76
XYZ	43.332, 57.488, 102.573
xyY	0.213, 0.283, 57.488
CIE-LCH	80.454, 42.918, 223.901
CIE-LUV	80.454, -57.515, -43.851
Hunter-Lab	75.821, -30.673, -27.134
Binary	00011000, 11011010, 11111110

#18dafe
```
#18dafe rgb(24,218,254)
```
#fe3c18
```
#fe3c18 rgb(254,60,24)
```

Complementary Color

#18feaf
```
#18feaf rgb(24,254,175)
```
#18dafe
```
#18dafe rgb(24,218,254)
```
#1867fe
```
#1867fe rgb(24,103,254)
```

Analogous Color

#feaf18
```
#feaf18 rgb(254,175,24)
```
#18dafe
```
#18dafe rgb(24,218,254)
```
#fe1867
```
#fe1867 rgb(254,24,103)
```

Split Complementary Color

#dafe18
```
#dafe18 rgb(218,254,24)
```
#18dafe
```
#18dafe rgb(24,218,254)
```
#fe18da
```
#fe18da rgb(254,24,218)
```

Triadic Color

#18fe3c
```
#18fe3c rgb(24,254,60)
```
#18dafe
```
#18dafe rgb(24,218,254)
```
#fe18da
```
#fe18da rgb(254,24,218)
```
#fe3c18
```
#fe3c18 rgb(254,60,24)
```

Tetradic Color

#01a9c9
```
#01a9c9 rgb(1,169,201)
```
#01bfe2
```
#01bfe2 rgb(1,191,226)
```
#01d4fb
```
#01d4fb rgb(1,212,251)
```
#18dafe
```
#18dafe rgb(24,218,254)
```
#31defe
```
#31defe rgb(49,222,254)
```
#4be2fe
```
#4be2fe rgb(75,226,254)
```
#64e6fe
```
#64e6fe rgb(100,230,254)
```

Monochromatic Color

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

#18fee9
```
#18fee9 rgb(24,254,233)
```
#18fefc
```
#18fefc rgb(24,254,252)
```
#18edfe
```
#18edfe rgb(24,237,254)
```
#18dafe
```
#18dafe rgb(24,218,254)
```
#18c7fe
```
#18c7fe rgb(24,199,254)
```
#18b4fe
```
#18b4fe rgb(24,180,254)
```
#18a1fe
```
#18a1fe rgb(24,161,254)
```

Similar Colors

Text with hexadecimal color #18dafe

This text has a font color of #18dafe.

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

#18dafe background color

This paragraph has a background color of #18dafe.

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

#18dafe border color

This element has a border color of #18dafe.

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

CSS codes

.text {color:#18dafe;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001317
```
#001317 rgb(0,19,23)
```
#00242a
```
#00242a rgb(0,36,42)
```
#00343e
```
#00343e rgb(0,52,62)
```
#004551
```
#004551 rgb(0,69,81)
```
#005565
```
#005565 rgb(0,85,101)
```
#016679
```
#016679 rgb(1,102,121)
```
#01768c
```
#01768c rgb(1,118,140)
```
#0187a0
```
#0187a0 rgb(1,135,160)
```
#0197b3
```
#0197b3 rgb(1,151,179)
```
#01a8c7
```
#01a8c7 rgb(1,168,199)
```
#01b8da
```
#01b8da rgb(1,184,218)
```
#01c9ee
```
#01c9ee rgb(1,201,238)
```

Shade Color Variation

#04d7fe
```
#04d7fe rgb(4,215,254)
```
#18dafe
```
#18dafe rgb(24,218,254)
```
#2cddfe
```
#2cddfe rgb(44,221,254)
```
#3fe0fe
```
#3fe0fe rgb(63,224,254)
```
#53e3fe
```
#53e3fe rgb(83,227,254)
```
#66e7fe
```
#66e7fe rgb(102,231,254)
```
#7aeafe
```
#7aeafe rgb(122,234,254)
```
#8dedff
```
#8dedff rgb(141,237,255)
```
#a1f0ff
```
#a1f0ff rgb(161,240,255)
```
#b4f3ff
```
#b4f3ff rgb(180,243,255)
```
#c8f6ff
```
#c8f6ff rgb(200,246,255)
```
#dbf9ff
```
#dbf9ff rgb(219,249,255)
```
#effcff
```
#effcff rgb(239,252,255)
```

Tint Color Variation

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

#839093
```
#839093 rgb(131,144,147)
```
#7a979c
```
#7a979c rgb(122,151,156)
```
#719da5
```
#719da5 rgb(113,157,165)
```
#68a3ae
```
#68a3ae rgb(104,163,174)
```
#5fa9b7
```
#5fa9b7 rgb(95,169,183)
```
#56afc0
```
#56afc0 rgb(86,175,192)
```
#4eb5c8
```
#4eb5c8 rgb(78,181,200)
```
#45bbd1
```
#45bbd1 rgb(69,187,209)
```
#3cc1da
```
#3cc1da rgb(60,193,218)
```
#33c8e3
```
#33c8e3 rgb(51,200,227)
```
#2aceec
```
#2aceec rgb(42,206,236)
```
#21d4f5
```
#21d4f5 rgb(33,212,245)
```
#18dafe
```
#18dafe rgb(24,218,254)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#88afb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c8f1 Protanopia 1% of men
#bcc8ff Deuteranopia 1% of men
#00deee Tritanopia 0.001% of the population

Trichromacy

#83cff6 Protanomaly 1% of men, 0.01% of women
#80cefe Deuteranomaly 6% of men, 0.4% of women
#08dcf3 Tritanomaly 0.01% of the population

#18dafe hex color

#18dafe Color Information

#18dafe Color Conversion

Color Schemes with #18dafe

Alternatives to #18dafe

#18dafe Preview

Shades and Tints of #18dafe

Tones of #18dafe

Color Blindness Simulator