#18defd hex color

In a RGB color space, hex #18defd is composed of 9.4% red, 87.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 12.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 188.1 degrees, a saturation of 98.3% and a lightness of 54.3%. #18defd color hex could be obtained by blending #30ffff with #00bdfb. Closest websafe color is: #00ccff.

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

● #18defd color description : Vivid cyan.

The hexadecimal color #18defd has RGB values of R:24, G:222, B:253 and CMYK values of C:0.91, M:0.12, Y:0, K:0.01. Its decimal value is 1629949.

Hex triplet	18defd	`#18defd`
RGB Decimal	24, 222, 253	`rgb(24,222,253)`
RGB Percent	9.4, 87.1, 99.2	`rgb(9.4%,87.1%,99.2%)`
CMYK	91, 12, 0, 1
HSL	188.1°, 98.3, 54.3	`hsl(188.1,98.3%,54.3%)`
HSV (or HSB)	188.1°, 90.5, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	81.579, -33.158, -27.506
XYZ	44.223, 59.524, 102.082
xyY	0.215, 0.289, 59.524
CIE-LCH	81.579, 43.082, 219.678
CIE-LUV	81.579, -58.932, -39.731
Hunter-Lab	77.152, -32.702, -24.442
Binary	00011000, 11011110, 11111101

#18defd
```
#18defd rgb(24,222,253)
```
#fd3718
```
#fd3718 rgb(253,55,24)
```

Complementary Color

#18fdaa
```
#18fdaa rgb(24,253,170)
```
#18defd
```
#18defd rgb(24,222,253)
```
#186cfd
```
#186cfd rgb(24,108,253)
```

Analogous Color

#fdaa18
```
#fdaa18 rgb(253,170,24)
```
#18defd
```
#18defd rgb(24,222,253)
```
#fd186c
```
#fd186c rgb(253,24,108)
```

Split Complementary Color

#defd18
```
#defd18 rgb(222,253,24)
```
#18defd
```
#18defd rgb(24,222,253)
```
#fd18de
```
#fd18de rgb(253,24,222)
```

Triadic Color

#18fd37
```
#18fd37 rgb(24,253,55)
```
#18defd
```
#18defd rgb(24,222,253)
```
#fd18de
```
#fd18de rgb(253,24,222)
```
#fd3718
```
#fd3718 rgb(253,55,24)
```

Tetradic Color

#02acc7
```
#02acc7 rgb(2,172,199)
```
#02c2e0
```
#02c2e0 rgb(2,194,224)
```
#02d8f9
```
#02d8f9 rgb(2,216,249)
```
#18defd
```
#18defd rgb(24,222,253)
```
#31e2fd
```
#31e2fd rgb(49,226,253)
```
#4be5fd
```
#4be5fd rgb(75,229,253)
```
#64e9fe
```
#64e9fe rgb(100,233,254)
```

Monochromatic Color

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

#18fde3
```
#18fde3 rgb(24,253,227)
```
#18fdf6
```
#18fdf6 rgb(24,253,246)
```
#18f1fd
```
#18f1fd rgb(24,241,253)
```
#18defd
```
#18defd rgb(24,222,253)
```
#18cbfd
```
#18cbfd rgb(24,203,253)
```
#18b8fd
```
#18b8fd rgb(24,184,253)
```
#18a5fd
```
#18a5fd rgb(24,165,253)
```

Similar Colors

Text with hexadecimal color #18defd

This text has a font color of #18defd.

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

#18defd background color

This paragraph has a background color of #18defd.

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

#18defd border color

This element has a border color of #18defd.

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

CSS codes

.text {color:#18defd;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001316
```
#001316 rgb(0,19,22)
```
#002429
```
#002429 rgb(0,36,41)
```
#01353d
```
#01353d rgb(1,53,61)
```
#014550
```
#014550 rgb(1,69,80)
```
#015664
```
#015664 rgb(1,86,100)
```
#016777
```
#016777 rgb(1,103,119)
```
#01788a
```
#01788a rgb(1,120,138)
```
#01899e
```
#01899e rgb(1,137,158)
```
#029ab1
```
#029ab1 rgb(2,154,177)
```
#02aac5
```
#02aac5 rgb(2,170,197)
```
#02bbd8
```
#02bbd8 rgb(2,187,216)
```
#02ccec
```
#02ccec rgb(2,204,236)
```

Shade Color Variation

#05dbfd
```
#05dbfd rgb(5,219,253)
```
#18defd
```
#18defd rgb(24,222,253)
```
#2be1fd
```
#2be1fd rgb(43,225,253)
```
#3fe4fd
```
#3fe4fd rgb(63,228,253)
```
#52e6fe
```
#52e6fe rgb(82,230,254)
```
#66e9fe
```
#66e9fe rgb(102,233,254)
```
#79ecfe
```
#79ecfe rgb(121,236,254)
```
#8deffe
```
#8deffe rgb(141,239,254)
```
#a0f1fe
```
#a0f1fe rgb(160,241,254)
```
#b4f4fe
```
#b4f4fe rgb(180,244,254)
```
#c7f7ff
```
#c7f7ff rgb(199,247,255)
```
#dafaff
```
#dafaff rgb(218,250,255)
```
#eefdff
```
#eefdff rgb(238,253,255)
```

Tint Color Variation

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

#849091
```
#849091 rgb(132,144,145)
```
#7b969a
```
#7b969a rgb(123,150,154)
```
#729da3
```
#729da3 rgb(114,157,163)
```
#69a3ac
```
#69a3ac rgb(105,163,172)
```
#60aab5
```
#60aab5 rgb(96,170,181)
```
#57b0be
```
#57b0be rgb(87,176,190)
```
#4eb7c7
```
#4eb7c7 rgb(78,183,199)
```
#45bdd0
```
#45bdd0 rgb(69,189,208)
```
#3cc4d9
```
#3cc4d9 rgb(60,196,217)
```
#33cae2
```
#33cae2 rgb(51,202,226)
```
#2ad1eb
```
#2ad1eb rgb(42,209,235)
```
#21d7f4
```
#21d7f4 rgb(33,215,244)
```
#18defd
```
#18defd rgb(24,222,253)
```

Tone Color Variation

Below, you can see how #18defd 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
#8ab1b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5cbf0 Protanopia 1% of men
#c2caff Deuteranopia 1% of men
#00e1f1 Tritanopia 0.001% of the population

Trichromacy

#86d2f5 Protanomaly 1% of men, 0.01% of women
#84d1fe Deuteranomaly 6% of men, 0.4% of women
#08e0f5 Tritanomaly 0.01% of the population

#18defd hex color

#18defd Color Information

#18defd Color Conversion

Color Schemes with #18defd

Alternatives to #18defd

#18defd Preview

Shades and Tints of #18defd

Tones of #18defd

Color Blindness Simulator