#18dcdf hex color

In a RGB color space, hex #18dcdf is composed of 9.4% red, 86.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 89.2% cyan, 1.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 180.9 degrees, a saturation of 80.6% and a lightness of 48.4%. #18dcdf color hex could be obtained by blending #30ffff with #00b9bf. Closest websafe color is: #00cccc.

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

● #18dcdf color description : Vivid cyan.

The hexadecimal color #18dcdf has RGB values of R:24, G:220, B:223 and CMYK values of C:0.89, M:0.01, Y:0, K:0.13. Its decimal value is 1629407.

Hex triplet	18dcdf	`#18dcdf`
RGB Decimal	24, 220, 223	`rgb(24,220,223)`
RGB Percent	9.4, 86.3, 87.5	`rgb(9.4%,86.3%,87.5%)`
CMYK	89, 1, 0, 13
HSL	180.9°, 80.6, 48.4	`hsl(180.9,80.6%,48.4%)`
HSV (or HSB)	180.9°, 89.2, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	80.013, -41.401, -13.935
XYZ	39.285, 56.704, 78.682
xyY	0.225, 0.325, 56.704
CIE-LCH	80.013, 43.683, 198.603
CIE-LUV	80.013, -60.612, -15.668
Hunter-Lab	75.302, -38.656, -9.24
Binary	00011000, 11011100, 11011111

#18dcdf
```
#18dcdf rgb(24,220,223)
```
#df1b18
```
#df1b18 rgb(223,27,24)
```

Complementary Color

#18df7f
```
#18df7f rgb(24,223,127)
```
#18dcdf
```
#18dcdf rgb(24,220,223)
```
#1879df
```
#1879df rgb(24,121,223)
```

Analogous Color

#df7f18
```
#df7f18 rgb(223,127,24)
```
#18dcdf
```
#18dcdf rgb(24,220,223)
```
#df1879
```
#df1879 rgb(223,24,121)
```

Split Complementary Color

#dcdf18
```
#dcdf18 rgb(220,223,24)
```
#18dcdf
```
#18dcdf rgb(24,220,223)
```
#df18dc
```
#df18dc rgb(223,24,220)
```

Triadic Color

#18df1b
```
#18df1b rgb(24,223,27)
```
#18dcdf
```
#18dcdf rgb(24,220,223)
```
#df18dc
```
#df18dc rgb(223,24,220)
```
#df1b18
```
#df1b18 rgb(223,27,24)
```

Tetradic Color

#11989a
```
#11989a rgb(17,152,154)
```
#13afb1
```
#13afb1 rgb(19,175,177)
```
#16c5c8
```
#16c5c8 rgb(22,197,200)
```
#18dcdf
```
#18dcdf rgb(24,220,223)
```
#29e5e8
```
#29e5e8 rgb(41,229,232)
```
#40e8ea
```
#40e8ea rgb(64,232,234)
```
#57ebed
```
#57ebed rgb(87,235,237)
```

Monochromatic Color

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

#18dfb0
```
#18dfb0 rgb(24,223,176)
```
#18dfc1
```
#18dfc1 rgb(24,223,193)
```
#18dfd1
```
#18dfd1 rgb(24,223,209)
```
#18dcdf
```
#18dcdf rgb(24,220,223)
```
#18cbdf
```
#18cbdf rgb(24,203,223)
```
#18bbdf
```
#18bbdf rgb(24,187,223)
```
#18aadf
```
#18aadf rgb(24,170,223)
```

Similar Colors

Text with hexadecimal color #18dcdf

This text has a font color of #18dcdf.

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

#18dcdf background color

This paragraph has a background color of #18dcdf.

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

#18dcdf border color

This element has a border color of #18dcdf.

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

CSS codes

.text {color:#18dcdf;}

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

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

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, #010a0a is the darkest color, while #f8fefe is the lightest one.

#010a0a
```
#010a0a rgb(1,10,10)
```
#031c1c
```
#031c1c rgb(3,28,28)
```
#052d2e
```
#052d2e rgb(5,45,46)
```
#073f40
```
#073f40 rgb(7,63,64)
```
#095051
```
#095051 rgb(9,80,81)
```
#0b6263
```
#0b6263 rgb(11,98,99)
```
#0d7375
```
#0d7375 rgb(13,115,117)
```
#0e8586
```
#0e8586 rgb(14,133,134)
```
#109698
```
#109698 rgb(16,150,152)
```
#12a8aa
```
#12a8aa rgb(18,168,170)
```
#14b9bc
```
#14b9bc rgb(20,185,188)
```
#16cbcd
```
#16cbcd rgb(22,203,205)
```
#18dcdf
```
#18dcdf rgb(24,220,223)
```

Shade Color Variation

#23e4e7
```
#23e4e7 rgb(35,228,231)
```
#35e7e9
```
#35e7e9 rgb(53,231,233)
```
#47e9eb
```
#47e9eb rgb(71,233,235)
```
#58ebed
```
#58ebed rgb(88,235,237)
```
#6aedef
```
#6aedef rgb(106,237,239)
```
#7ceff1
```
#7ceff1 rgb(124,239,241)
```
#8ef1f3
```
#8ef1f3 rgb(142,241,243)
```
#9ff3f5
```
#9ff3f5 rgb(159,243,245)
```
#b1f6f7
```
#b1f6f7 rgb(177,246,247)
```
#c3f8f9
```
#c3f8f9 rgb(195,248,249)
```
#d4fafa
```
#d4fafa rgb(212,250,250)
```
#e6fcfc
```
#e6fcfc rgb(230,252,252)
```
#f8fefe
```
#f8fefe rgb(248,254,254)
```

Tint Color Variation

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

#778080
```
#778080 rgb(119,128,128)
```
#6e898a
```
#6e898a rgb(110,137,138)
```
#649293
```
#649293 rgb(100,146,147)
```
#5b9c9d
```
#5b9c9d rgb(91,156,157)
```
#51a5a6
```
#51a5a6 rgb(81,165,166)
```
#48aeb0
```
#48aeb0 rgb(72,174,176)
```
#3eb7b9
```
#3eb7b9 rgb(62,183,185)
```
#35c0c3
```
#35c0c3 rgb(53,192,195)
```
#2bcacc
```
#2bcacc rgb(43,202,204)
```
#22d3d6
```
#22d3d6 rgb(34,211,214)
```
#18dcdf
```
#18dcdf rgb(24,220,223)
```
#0fe5e9
```
#0fe5e9 rgb(15,229,233)
```
#05eef2
```
#05eef2 rgb(5,238,242)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#86aeae Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c8d4 Protanopia 1% of men
#cbc4e9 Deuteranopia 1% of men
#37dbec Tritanopia 0.001% of the population

Trichromacy

#88cfd8 Protanomaly 1% of men, 0.01% of women
#8acde5 Deuteranomaly 6% of men, 0.4% of women
#2bdbe7 Tritanomaly 0.01% of the population

#18dcdf hex color

#18dcdf Color Information

#18dcdf Color Conversion

Color Schemes with #18dcdf

Alternatives to #18dcdf

#18dcdf Preview

Shades and Tints of #18dcdf

Tones of #18dcdf

Color Blindness Simulator