#18d0ed hex color

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

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

● #18d0ed color description : Vivid cyan.

The hexadecimal color #18d0ed has RGB values of R:24, G:208, B:237 and CMYK values of C:0.9, M:0.12, Y:0, K:0.07. Its decimal value is 1626349.

Hex triplet	18d0ed	`#18d0ed`
RGB Decimal	24, 208, 237	`rgb(24,208,237)`
RGB Percent	9.4, 81.6, 92.9	`rgb(9.4%,81.6%,92.9%)`
CMYK	90, 12, 0, 7
HSL	188.2°, 85.5, 51.2	`hsl(188.2,85.5%,51.2%)`
HSV (or HSB)	188.2°, 89.9, 92.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	76.931, -31.53, -26.09
XYZ	38.214, 51.417, 88.026
xyY	0.215, 0.289, 51.417
CIE-LCH	76.931, 40.924, 219.607
CIE-LUV	76.931, -55.459, -37.291
Hunter-Lab	71.705, -30.355, -22.591
Binary	00011000, 11010000, 11101101

#18d0ed
```
#18d0ed rgb(24,208,237)
```
#ed3518
```
#ed3518 rgb(237,53,24)
```

Complementary Color

#18eda0
```
#18eda0 rgb(24,237,160)
```
#18d0ed
```
#18d0ed rgb(24,208,237)
```
#1866ed
```
#1866ed rgb(24,102,237)
```

Analogous Color

#eda018
```
#eda018 rgb(237,160,24)
```
#18d0ed
```
#18d0ed rgb(24,208,237)
```
#ed1866
```
#ed1866 rgb(237,24,102)
```

Split Complementary Color

#d0ed18
```
#d0ed18 rgb(208,237,24)
```
#18d0ed
```
#18d0ed rgb(24,208,237)
```
#ed18d0
```
#ed18d0 rgb(237,24,208)
```

Triadic Color

#18ed35
```
#18ed35 rgb(24,237,53)
```
#18d0ed
```
#18d0ed rgb(24,208,237)
```
#ed18d0
```
#ed18d0 rgb(237,24,208)
```
#ed3518
```
#ed3518 rgb(237,53,24)
```

Tetradic Color

#0d96ab
```
#0d96ab rgb(13,150,171)
```
#0faac3
```
#0faac3 rgb(15,170,195)
```
#11bfda
```
#11bfda rgb(17,191,218)
```
#18d0ed
```
#18d0ed rgb(24,208,237)
```
#30d5ef
```
#30d5ef rgb(48,213,239)
```
#47daf1
```
#47daf1 rgb(71,218,241)
```
#5fdef3
```
#5fdef3 rgb(95,222,243)
```

Monochromatic Color

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

#18edd5
```
#18edd5 rgb(24,237,213)
```
#18ede7
```
#18ede7 rgb(24,237,231)
```
#18e2ed
```
#18e2ed rgb(24,226,237)
```
#18d0ed
```
#18d0ed rgb(24,208,237)
```
#18beed
```
#18beed rgb(24,190,237)
```
#18aded
```
#18aded rgb(24,173,237)
```
#189bed
```
#189bed rgb(24,155,237)
```

Similar Colors

Text with hexadecimal color #18d0ed

This text has a font color of #18d0ed.

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

#18d0ed background color

This paragraph has a background color of #18d0ed.

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

#18d0ed border color

This element has a border color of #18d0ed.

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

CSS codes

.text {color:#18d0ed;}

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

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

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)
```
#021518
```
#021518 rgb(2,21,24)
```
#03252a
```
#03252a rgb(3,37,42)
```
#05353c
```
#05353c rgb(5,53,60)
```
#06454e
```
#06454e rgb(6,69,78)
```
#085461
```
#085461 rgb(8,84,97)
```
#096473
```
#096473 rgb(9,100,115)
```
#0a7485
```
#0a7485 rgb(10,116,133)
```
#0c8497
```
#0c8497 rgb(12,132,151)
```
#0d94a9
```
#0d94a9 rgb(13,148,169)
```
#0fa4bc
```
#0fa4bc rgb(15,164,188)
```
#10b4ce
```
#10b4ce rgb(16,180,206)
```
#11c4e0
```
#11c4e0 rgb(17,196,224)
```

Shade Color Variation

#18d0ed
```
#18d0ed rgb(24,208,237)
```
#2ad4ee
```
#2ad4ee rgb(42,212,238)
```
#3cd7f0
```
#3cd7f0 rgb(60,215,240)
```
#4fdbf1
```
#4fdbf1 rgb(79,219,241)
```
#61dff3
```
#61dff3 rgb(97,223,243)
```
#73e3f4
```
#73e3f4 rgb(115,227,244)
```
#85e6f6
```
#85e6f6 rgb(133,230,246)
```
#97eaf7
```
#97eaf7 rgb(151,234,247)
```
#aaeef8
```
#aaeef8 rgb(170,238,248)
```
#bcf1fa
```
#bcf1fa rgb(188,241,250)
```
#cef5fb
```
#cef5fb rgb(206,245,251)
```
#e0f9fd
```
#e0f9fd rgb(224,249,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 #0ed7f7 is the most saturated one.

#818384
```
#818384 rgb(129,131,132)
```
#788a8d
```
#788a8d rgb(120,138,141)
```
#6e9197
```
#6e9197 rgb(110,145,151)
```
#6598a0
```
#6598a0 rgb(101,152,160)
```
#5b9faa
```
#5b9faa rgb(91,159,170)
```
#51a6b4
```
#51a6b4 rgb(81,166,180)
```
#48adbd
```
#48adbd rgb(72,173,189)
```
#3eb4c7
```
#3eb4c7 rgb(62,180,199)
```
#35bbd0
```
#35bbd0 rgb(53,187,208)
```
#2bc2da
```
#2bc2da rgb(43,194,218)
```
#22c9e3
```
#22c9e3 rgb(34,201,227)
```
#18d0ed
```
#18d0ed rgb(24,208,237)
```
#0ed7f7
```
#0ed7f7 rgb(14,215,247)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#82a6ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9bfe2 Protanopia 1% of men
#b5bef5 Deuteranopia 1% of men
#00d4e3 Tritanopia 0.001% of the population

Trichromacy

#7ec5e6 Protanomaly 1% of men, 0.01% of women
#7cc4f2 Deuteranomaly 6% of men, 0.4% of women
#08d2e6 Tritanomaly 0.01% of the population

#18d0ed hex color

#18d0ed Color Information

#18d0ed Color Conversion

Color Schemes with #18d0ed

Alternatives to #18d0ed

#18d0ed Preview

Shades and Tints of #18d0ed

Tones of #18d0ed

Color Blindness Simulator