#18caed hex color

In a RGB color space, hex #18caed is composed of 9.4% red, 79.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 89.9% cyan, 14.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 189.9 degrees, a saturation of 85.5% and a lightness of 51.2%. #18caed color hex could be obtained by blending #30ffff with #0095db. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 9
- G 79
- B 93
RGB color chart
- C 90
- M 15
- Y 0
- K 7
CMYK color chart

● #18caed color description : Vivid cyan.

The hexadecimal color #18caed has RGB values of R:24, G:202, B:237 and CMYK values of C:0.9, M:0.15, Y:0, K:0.07. Its decimal value is 1624813.

Hex triplet	18caed	`#18caed`
RGB Decimal	24, 202, 237	`rgb(24,202,237)`
RGB Percent	9.4, 79.2, 92.9	`rgb(9.4%,79.2%,92.9%)`
CMYK	90, 15, 0, 7
HSL	189.9°, 85.5, 51.2	`hsl(189.9,85.5%,51.2%)`
HSV (or HSB)	189.9°, 89.9, 92.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.168, -28.611, -28.791
XYZ	36.779, 48.546, 87.548
xyY	0.213, 0.281, 48.546
CIE-LCH	75.168, 40.589, 225.179
CIE-LUV	75.168, -53.429, -42.178
Hunter-Lab	69.675, -27.707, -25.727
Binary	00011000, 11001010, 11101101

#18caed
```
#18caed rgb(24,202,237)
```
#ed3b18
```
#ed3b18 rgb(237,59,24)
```

Complementary Color

#18eda6
```
#18eda6 rgb(24,237,166)
```
#18caed
```
#18caed rgb(24,202,237)
```
#185fed
```
#185fed rgb(24,95,237)
```

Analogous Color

#eda618
```
#eda618 rgb(237,166,24)
```
#18caed
```
#18caed rgb(24,202,237)
```
#ed1860
```
#ed1860 rgb(237,24,96)
```

Split Complementary Color

#caed18
```
#caed18 rgb(202,237,24)
```
#18caed
```
#18caed rgb(24,202,237)
```
#ed18ca
```
#ed18ca rgb(237,24,202)
```

Triadic Color

#18ed3b
```
#18ed3b rgb(24,237,59)
```
#18caed
```
#18caed rgb(24,202,237)
```
#ed18ca
```
#ed18ca rgb(237,24,202)
```
#ed3b18
```
#ed3b18 rgb(237,59,24)
```

Tetradic Color

#0d91ab
```
#0d91ab rgb(13,145,171)
```
#0fa5c3
```
#0fa5c3 rgb(15,165,195)
```
#11b9da
```
#11b9da rgb(17,185,218)
```
#18caed
```
#18caed rgb(24,202,237)
```
#30cfef
```
#30cfef rgb(48,207,239)
```
#47d5f1
```
#47d5f1 rgb(71,213,241)
```
#5fdaf3
```
#5fdaf3 rgb(95,218,243)
```

Monochromatic Color

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

#18eddb
```
#18eddb rgb(24,237,219)
```
#18eded
```
#18eded rgb(24,237,237)
```
#18dced
```
#18dced rgb(24,220,237)
```
#18caed
```
#18caed rgb(24,202,237)
```
#18b8ed
```
#18b8ed rgb(24,184,237)
```
#18a7ed
```
#18a7ed rgb(24,167,237)
```
#1895ed
```
#1895ed rgb(24,149,237)
```

Similar Colors

Text with hexadecimal color #18caed

This text has a font color of #18caed.

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

#18caed background color

This paragraph has a background color of #18caed.

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

#18caed border color

This element has a border color of #18caed.

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

CSS codes

.text {color:#18caed;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#021418
```
#021418 rgb(2,20,24)
```
#03242a
```
#03242a rgb(3,36,42)
```
#05333c
```
#05333c rgb(5,51,60)
```
#06424e
```
#06424e rgb(6,66,78)
```
#085261
```
#085261 rgb(8,82,97)
```
#096173
```
#096173 rgb(9,97,115)
```
#0a7185
```
#0a7185 rgb(10,113,133)
```
#0c8097
```
#0c8097 rgb(12,128,151)
```
#0d90a9
```
#0d90a9 rgb(13,144,169)
```
#0f9fbc
```
#0f9fbc rgb(15,159,188)
```
#10afce
```
#10afce rgb(16,175,206)
```
#11bee0
```
#11bee0 rgb(17,190,224)
```

Shade Color Variation

#18caed
```
#18caed rgb(24,202,237)
```
#2aceee
```
#2aceee rgb(42,206,238)
```
#3cd2f0
```
#3cd2f0 rgb(60,210,240)
```
#4fd7f1
```
#4fd7f1 rgb(79,215,241)
```
#61dbf3
```
#61dbf3 rgb(97,219,243)
```
#73dff4
```
#73dff4 rgb(115,223,244)
```
#85e3f6
```
#85e3f6 rgb(133,227,246)
```
#97e7f7
```
#97e7f7 rgb(151,231,247)
```
#aaebf8
```
#aaebf8 rgb(170,235,248)
```
#bcf0fa
```
#bcf0fa rgb(188,240,250)
```
#cef4fb
```
#cef4fb rgb(206,244,251)
```
#e0f8fd
```
#e0f8fd rgb(224,248,253)
```
#f2fcfe
```
#f2fcfe rgb(242,252,254)
```

Tint Color Variation

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

#818384
```
#818384 rgb(129,131,132)
```
#788a8d
```
#788a8d rgb(120,138,141)
```
#6e9097
```
#6e9097 rgb(110,144,151)
```
#6597a0
```
#6597a0 rgb(101,151,160)
```
#5b9daa
```
#5b9daa rgb(91,157,170)
```
#51a3b4
```
#51a3b4 rgb(81,163,180)
```
#48aabd
```
#48aabd rgb(72,170,189)
```
#3eb0c7
```
#3eb0c7 rgb(62,176,199)
```
#35b7d0
```
#35b7d0 rgb(53,183,208)
```
#2bbdda
```
#2bbdda rgb(43,189,218)
```
#22c4e3
```
#22c4e3 rgb(34,196,227)
```
#18caed
```
#18caed rgb(24,202,237)
```
#0ed0f7
```
#0ed0f7 rgb(14,208,247)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#7fa3aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3bbe2 Protanopia 1% of men
#acbaf5 Deuteranopia 1% of men
#00cfdd Tritanopia 0.001% of the population

Trichromacy

#7ac0e6 Protanomaly 1% of men, 0.01% of women
#76bff2 Deuteranomaly 6% of men, 0.4% of women
#08cde3 Tritanomaly 0.01% of the population

#18caed hex color

#18caed Color Information

#18caed Color Conversion

Color Schemes with #18caed

Alternatives to #18caed

#18caed Preview

Shades and Tints of #18caed

Tones of #18caed

Color Blindness Simulator