#18c9dc hex color

In a RGB color space, hex #18c9dc is composed of 9.4% red, 78.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 89.1% cyan, 8.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 185.8 degrees, a saturation of 80.3% and a lightness of 47.8%. #18c9dc color hex could be obtained by blending #30ffff with #0093b9. Closest websafe color is: #00cccc.

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

● #18c9dc color description : Vivid cyan.

The hexadecimal color #18c9dc has RGB values of R:24, G:201, B:220 and CMYK values of C:0.89, M:0.09, Y:0, K:0.14. Its decimal value is 1624540.

Hex triplet	18c9dc	`#18c9dc`
RGB Decimal	24, 201, 220	`rgb(24,201,220)`
RGB Percent	9.4, 78.8, 86.3	`rgb(9.4%,78.8%,86.3%)`
CMYK	89, 9, 0, 14
HSL	185.8°, 80.3, 47.8	`hsl(185.8,80.3%,47.8%)`
HSV (or HSB)	185.8°, 89.1, 86.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	74.274, -33.557, -20.987
XYZ	34.178, 47.131, 75.002
xyY	0.219, 0.302, 47.131
CIE-LCH	74.274, 39.579, 212.022
CIE-LUV	74.274, -54.399, -28.286
Hunter-Lab	68.652, -31.277, -16.717
Binary	00011000, 11001001, 11011100

#18c9dc
```
#18c9dc rgb(24,201,220)
```
#dc2b18
```
#dc2b18 rgb(220,43,24)
```

Complementary Color

#18dc8d
```
#18dc8d rgb(24,220,141)
```
#18c9dc
```
#18c9dc rgb(24,201,220)
```
#1867dc
```
#1867dc rgb(24,103,220)
```

Analogous Color

#dc8d18
```
#dc8d18 rgb(220,141,24)
```
#18c9dc
```
#18c9dc rgb(24,201,220)
```
#dc1867
```
#dc1867 rgb(220,24,103)
```

Split Complementary Color

#c9dc18
```
#c9dc18 rgb(201,220,24)
```
#18c9dc
```
#18c9dc rgb(24,201,220)
```
#dc18c9
```
#dc18c9 rgb(220,24,201)
```

Triadic Color

#18dc2b
```
#18dc2b rgb(24,220,43)
```
#18c9dc
```
#18c9dc rgb(24,201,220)
```
#dc18c9
```
#dc18c9 rgb(220,24,201)
```
#dc2b18
```
#dc2b18 rgb(220,43,24)
```

Tetradic Color

#108a97
```
#108a97 rgb(16,138,151)
```
#139fae
```
#139fae rgb(19,159,174)
```
#15b4c5
```
#15b4c5 rgb(21,180,197)
```
#18c9dc
```
#18c9dc rgb(24,201,220)
```
#26d5e7
```
#26d5e7 rgb(38,213,231)
```
#3dd9ea
```
#3dd9ea rgb(61,217,234)
```
#54deec
```
#54deec rgb(84,222,236)
```

Monochromatic Color

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

#18dcbe
```
#18dcbe rgb(24,220,190)
```
#18dcce
```
#18dcce rgb(24,220,206)
```
#18d9dc
```
#18d9dc rgb(24,217,220)
```
#18c9dc
```
#18c9dc rgb(24,201,220)
```
#18b9dc
```
#18b9dc rgb(24,185,220)
```
#18a8dc
```
#18a8dc rgb(24,168,220)
```
#1898dc
```
#1898dc rgb(24,152,220)
```

Similar Colors

Text with hexadecimal color #18c9dc

This text has a font color of #18c9dc.

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

#18c9dc background color

This paragraph has a background color of #18c9dc.

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

#18c9dc border color

This element has a border color of #18c9dc.

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

CSS codes

.text {color:#18c9dc;}

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

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

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

#010708
```
#010708 rgb(1,7,8)
```
#031719
```
#031719 rgb(3,23,25)
```
#05272b
```
#05272b rgb(5,39,43)
```
#07383d
```
#07383d rgb(7,56,61)
```
#09484f
```
#09484f rgb(9,72,79)
```
#0a5860
```
#0a5860 rgb(10,88,96)
```
#0c6872
```
#0c6872 rgb(12,104,114)
```
#0e7884
```
#0e7884 rgb(14,120,132)
```
#108895
```
#108895 rgb(16,136,149)
```
#1299a7
```
#1299a7 rgb(18,153,167)
```
#14a9b9
```
#14a9b9 rgb(20,169,185)
```
#16b9ca
```
#16b9ca rgb(22,185,202)
```
#18c9dc
```
#18c9dc rgb(24,201,220)
```

Shade Color Variation

#21d4e7
```
#21d4e7 rgb(33,212,231)
```
#33d7e9
```
#33d7e9 rgb(51,215,233)
```
#44daeb
```
#44daeb rgb(68,218,235)
```
#56deed
```
#56deed rgb(86,222,237)
```
#68e1ee
```
#68e1ee rgb(104,225,238)
```
#79e5f0
```
#79e5f0 rgb(121,229,240)
```
#8be8f2
```
#8be8f2 rgb(139,232,242)
```
#9decf4
```
#9decf4 rgb(157,236,244)
```
#aeeff6
```
#aeeff6 rgb(174,239,246)
```
#c0f3f8
```
#c0f3f8 rgb(192,243,248)
```
#d2f6fa
```
#d2f6fa rgb(210,246,250)
```
#e3fafc
```
#e3fafc rgb(227,250,252)
```
#f5fdfe
```
#f5fdfe rgb(245,253,254)
```

Tint Color Variation

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

#767d7e
```
#767d7e rgb(118,125,126)
```
#6c8588
```
#6c8588 rgb(108,133,136)
```
#638c91
```
#638c91 rgb(99,140,145)
```
#5a949a
```
#5a949a rgb(90,148,154)
```
#509ca4
```
#509ca4 rgb(80,156,164)
```
#47a3ad
```
#47a3ad rgb(71,163,173)
```
#3eabb6
```
#3eabb6 rgb(62,171,182)
```
#34b2c0
```
#34b2c0 rgb(52,178,192)
```
#2bbac9
```
#2bbac9 rgb(43,186,201)
```
#21c1d3
```
#21c1d3 rgb(33,193,211)
```
#18c9dc
```
#18c9dc rgb(24,201,220)
```
#0fd1e5
```
#0fd1e5 rgb(15,209,229)
```
#05d8ef
```
#05d8ef rgb(5,216,239)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#7da0a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b9d2 Protanopia 1% of men
#b3b7e5 Deuteranopia 1% of men
#1dccdb Tritanopia 0.001% of the population

Trichromacy

#7cbed5 Protanomaly 1% of men, 0.01% of women
#7bbde2 Deuteranomaly 6% of men, 0.4% of women
#1bcbdb Tritanomaly 0.01% of the population

#18c9dc hex color

#18c9dc Color Information

#18c9dc Color Conversion

Color Schemes with #18c9dc

Alternatives to #18c9dc

#18c9dc Preview

Shades and Tints of #18c9dc

Tones of #18c9dc

Color Blindness Simulator