#18ddfe hex color

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

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

● #18ddfe color description : Vivid cyan.

The hexadecimal color #18ddfe has RGB values of R:24, G:221, B:254 and CMYK values of C:0.91, M:0.13, Y:0, K:0. Its decimal value is 1629694.

Hex triplet	18ddfe	`#18ddfe`
RGB Decimal	24, 221, 254	`rgb(24,221,254)`
RGB Percent	9.4, 86.7, 99.6	`rgb(9.4%,86.7%,99.6%)`
CMYK	91, 13, 0, 0
HSL	188.6°, 99.1, 54.5	`hsl(188.6,99.1%,54.5%)`
HSV (or HSB)	188.6°, 90.6, 99.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	81.324, -32.365, -28.426
XYZ	44.117, 59.058, 102.835
xyY	0.214, 0.287, 59.058
CIE-LCH	81.324, 43.076, 221.293
CIE-LUV	81.324, -58.519, -41.407
Hunter-Lab	76.849, -32.014, -25.543
Binary	00011000, 11011101, 11111110

#18ddfe
```
#18ddfe rgb(24,221,254)
```
#fe3918
```
#fe3918 rgb(254,57,24)
```

Complementary Color

#18feac
```
#18feac rgb(24,254,172)
```
#18ddfe
```
#18ddfe rgb(24,221,254)
```
#186afe
```
#186afe rgb(24,106,254)
```

Analogous Color

#feac18
```
#feac18 rgb(254,172,24)
```
#18ddfe
```
#18ddfe rgb(24,221,254)
```
#fe186a
```
#fe186a rgb(254,24,106)
```

Split Complementary Color

#ddfe18
```
#ddfe18 rgb(221,254,24)
```
#18ddfe
```
#18ddfe rgb(24,221,254)
```
#fe18dd
```
#fe18dd rgb(254,24,221)
```

Triadic Color

#18fe39
```
#18fe39 rgb(24,254,57)
```
#18ddfe
```
#18ddfe rgb(24,221,254)
```
#fe18dd
```
#fe18dd rgb(254,24,221)
```
#fe3918
```
#fe3918 rgb(254,57,24)
```

Tetradic Color

#01acc9
```
#01acc9 rgb(1,172,201)
```
#01c2e2
```
#01c2e2 rgb(1,194,226)
```
#01d7fb
```
#01d7fb rgb(1,215,251)
```
#18ddfe
```
#18ddfe rgb(24,221,254)
```
#31e1fe
```
#31e1fe rgb(49,225,254)
```
#4be4fe
```
#4be4fe rgb(75,228,254)
```
#64e8fe
```
#64e8fe rgb(100,232,254)
```

Monochromatic Color

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

#18fee6
```
#18fee6 rgb(24,254,230)
```
#18fef9
```
#18fef9 rgb(24,254,249)
```
#18f0fe
```
#18f0fe rgb(24,240,254)
```
#18ddfe
```
#18ddfe rgb(24,221,254)
```
#18cafe
```
#18cafe rgb(24,202,254)
```
#18b7fe
```
#18b7fe rgb(24,183,254)
```
#18a4fe
```
#18a4fe rgb(24,164,254)
```

Similar Colors

Text with hexadecimal color #18ddfe

This text has a font color of #18ddfe.

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

#18ddfe background color

This paragraph has a background color of #18ddfe.

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

#18ddfe border color

This element has a border color of #18ddfe.

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

CSS codes

.text {color:#18ddfe;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001417
```
#001417 rgb(0,20,23)
```
#00242a
```
#00242a rgb(0,36,42)
```
#00353e
```
#00353e rgb(0,53,62)
```
#004651
```
#004651 rgb(0,70,81)
```
#005765
```
#005765 rgb(0,87,101)
```
#016779
```
#016779 rgb(1,103,121)
```
#01788c
```
#01788c rgb(1,120,140)
```
#0189a0
```
#0189a0 rgb(1,137,160)
```
#019ab3
```
#019ab3 rgb(1,154,179)
```
#01aac7
```
#01aac7 rgb(1,170,199)
```
#01bbda
```
#01bbda rgb(1,187,218)
```
#01ccee
```
#01ccee rgb(1,204,238)
```

Shade Color Variation

#04dafe
```
#04dafe rgb(4,218,254)
```
#18ddfe
```
#18ddfe rgb(24,221,254)
```
#2ce0fe
```
#2ce0fe rgb(44,224,254)
```
#3fe3fe
```
#3fe3fe rgb(63,227,254)
```
#53e6fe
```
#53e6fe rgb(83,230,254)
```
#66e8fe
```
#66e8fe rgb(102,232,254)
```
#7aebfe
```
#7aebfe rgb(122,235,254)
```
#8deeff
```
#8deeff rgb(141,238,255)
```
#a1f1ff
```
#a1f1ff rgb(161,241,255)
```
#b4f4ff
```
#b4f4ff rgb(180,244,255)
```
#c8f7ff
```
#c8f7ff rgb(200,247,255)
```
#dbfaff
```
#dbfaff rgb(219,250,255)
```
#effdff
```
#effdff rgb(239,253,255)
```

Tint Color Variation

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

#839193
```
#839193 rgb(131,145,147)
```
#7a979c
```
#7a979c rgb(122,151,156)
```
#719da5
```
#719da5 rgb(113,157,165)
```
#68a4ae
```
#68a4ae rgb(104,164,174)
```
#5faab7
```
#5faab7 rgb(95,170,183)
```
#56b0c0
```
#56b0c0 rgb(86,176,192)
```
#4eb7c8
```
#4eb7c8 rgb(78,183,200)
```
#45bdd1
```
#45bdd1 rgb(69,189,209)
```
#3cc4da
```
#3cc4da rgb(60,196,218)
```
#33cae3
```
#33cae3 rgb(51,202,227)
```
#2ad0ec
```
#2ad0ec rgb(42,208,236)
```
#21d7f5
```
#21d7f5 rgb(33,215,245)
```
#18ddfe
```
#18ddfe rgb(24,221,254)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8ab1b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4cbf1 Protanopia 1% of men
#c0caff Deuteranopia 1% of men
#00e0f0 Tritanopia 0.001% of the population

Trichromacy

#85d1f6 Protanomaly 1% of men, 0.01% of women
#83d1fe Deuteranomaly 6% of men, 0.4% of women
#08dff5 Tritanomaly 0.01% of the population

#18ddfe hex color

#18ddfe Color Information

#18ddfe Color Conversion

Color Schemes with #18ddfe

Alternatives to #18ddfe

#18ddfe Preview

Shades and Tints of #18ddfe

Tones of #18ddfe

Color Blindness Simulator