#18b9cd hex color

In a RGB color space, hex #18b9cd is composed of 9.4% red, 72.5% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 88.3% cyan, 9.8% magenta, 0% yellow and 19.6% black. It has a hue angle of 186.6 degrees, a saturation of 79% and a lightness of 44.9%. #18b9cd color hex could be obtained by blending #30ffff with #00739b. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 73
- B 80
RGB color chart
- C 88
- M 10
- Y 0
- K 20
CMYK color chart

● #18b9cd color description : Strong cyan.

The hexadecimal color #18b9cd has RGB values of R:24, G:185, B:205 and CMYK values of C:0.88, M:0.1, Y:0, K:0.2. Its decimal value is 1620429.

Hex triplet	18b9cd	`#18b9cd`
RGB Decimal	24, 185, 205	`rgb(24,185,205)`
RGB Percent	9.4, 72.5, 80.4	`rgb(9.4%,72.5%,80.4%)`
CMYK	88, 10, 0, 20
HSL	186.6°, 79, 44.9	`hsl(186.6,79%,44.9%)`
HSV (or HSB)	186.6°, 88.3, 80.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.966, -30.627, -20.888
XYZ	28.742, 39.297, 63.824
xyY	0.218, 0.298, 39.297
CIE-LCH	68.966, 37.072, 214.295
CIE-LUV	68.966, -50.07, -28.264
Hunter-Lab	62.687, -27.861, -16.484
Binary	00011000, 10111001, 11001101

#18b9cd
```
#18b9cd rgb(24,185,205)
```
#cd2c18
```
#cd2c18 rgb(205,44,24)
```

Complementary Color

#18cd87
```
#18cd87 rgb(24,205,135)
```
#18b9cd
```
#18b9cd rgb(24,185,205)
```
#185fcd
```
#185fcd rgb(24,95,205)
```

Analogous Color

#cd8718
```
#cd8718 rgb(205,135,24)
```
#18b9cd
```
#18b9cd rgb(24,185,205)
```
#cd185f
```
#cd185f rgb(205,24,95)
```

Split Complementary Color

#b9cd18
```
#b9cd18 rgb(185,205,24)
```
#18b9cd
```
#18b9cd rgb(24,185,205)
```
#cd18b9
```
#cd18b9 rgb(205,24,185)
```

Triadic Color

#18cd2c
```
#18cd2c rgb(24,205,44)
```
#18b9cd
```
#18b9cd rgb(24,185,205)
```
#cd18b9
```
#cd18b9 rgb(205,24,185)
```
#cd2c18
```
#cd2c18 rgb(205,44,24)
```

Tetradic Color

#107b89
```
#107b89 rgb(16,123,137)
```
#13909f
```
#13909f rgb(19,144,159)
```
#15a4b6
```
#15a4b6 rgb(21,164,182)
```
#18b9cd
```
#18b9cd rgb(24,185,205)
```
#1bcee4
```
#1bcee4 rgb(27,206,228)
```
#31d3e7
```
#31d3e7 rgb(49,211,231)
```
#48d8ea
```
#48d8ea rgb(72,216,234)
```

Monochromatic Color

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

#18cdb4
```
#18cdb4 rgb(24,205,180)
```
#18cdc3
```
#18cdc3 rgb(24,205,195)
```
#18c8cd
```
#18c8cd rgb(24,200,205)
```
#18b9cd
```
#18b9cd rgb(24,185,205)
```
#18aacd
```
#18aacd rgb(24,170,205)
```
#189bcd
```
#189bcd rgb(24,155,205)
```
#188ccd
```
#188ccd rgb(24,140,205)
```

Similar Colors

Text with hexadecimal color #18b9cd

This text has a font color of #18b9cd.

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

#18b9cd background color

This paragraph has a background color of #18b9cd.

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

#18b9cd border color

This element has a border color of #18b9cd.

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

CSS codes

.text {color:#18b9cd;}

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

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

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

#010b0c
```
#010b0c rgb(1,11,12)
```
#031b1d
```
#031b1d rgb(3,27,29)
```
#052a2f
```
#052a2f rgb(5,42,47)
```
#083a41
```
#083a41 rgb(8,58,65)
```
#0a4a52
```
#0a4a52 rgb(10,74,82)
```
#0c5a64
```
#0c5a64 rgb(12,90,100)
```
#0e6a75
```
#0e6a75 rgb(14,106,117)
```
#107a87
```
#107a87 rgb(16,122,135)
```
#128998
```
#128998 rgb(18,137,152)
```
#1499aa
```
#1499aa rgb(20,153,170)
```
#16a9bb
```
#16a9bb rgb(22,169,187)
```
#18b9cd
```
#18b9cd rgb(24,185,205)
```
#1ac9df
```
#1ac9df rgb(26,201,223)
```

Shade Color Variation

#27d1e6
```
#27d1e6 rgb(39,209,230)
```
#38d4e8
```
#38d4e8 rgb(56,212,232)
```
#4ad8ea
```
#4ad8ea rgb(74,216,234)
```
#5bdcec
```
#5bdcec rgb(91,220,236)
```
#6de0ee
```
#6de0ee rgb(109,224,238)
```
#7ee3f0
```
#7ee3f0 rgb(126,227,240)
```
#90e7f2
```
#90e7f2 rgb(144,231,242)
```
#a1ebf4
```
#a1ebf4 rgb(161,235,244)
```
#b3eff6
```
#b3eff6 rgb(179,239,246)
```
#c5f2f8
```
#c5f2f8 rgb(197,242,248)
```
#d6f6fa
```
#d6f6fa rgb(214,246,250)
```
#e8fafc
```
#e8fafc rgb(232,250,252)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#707475
```
#707475 rgb(112,116,117)
```
#677b7e
```
#677b7e rgb(103,123,126)
```
#5e8287
```
#5e8287 rgb(94,130,135)
```
#56898f
```
#56898f rgb(86,137,143)
```
#4d9098
```
#4d9098 rgb(77,144,152)
```
#4497a1
```
#4497a1 rgb(68,151,161)
```
#3b9eaa
```
#3b9eaa rgb(59,158,170)
```
#32a4b3
```
#32a4b3 rgb(50,164,179)
```
#2aabbb
```
#2aabbb rgb(42,171,187)
```
#21b2c4
```
#21b2c4 rgb(33,178,196)
```
#18b9cd
```
#18b9cd rgb(24,185,205)
```
#0fc0d6
```
#0fc0d6 rgb(15,192,214)
```
#06c7df
```
#06c7df rgb(6,199,223)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#749498 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7abc5 Protanopia 1% of men
#a5a9d6 Deuteranopia 1% of men
#19bdcb Tritanopia 0.001% of the population

Trichromacy

#73b0c7 Protanomaly 1% of men, 0.01% of women
#72afd3 Deuteranomaly 6% of men, 0.4% of women
#18bbcb Tritanomaly 0.01% of the population

#18b9cd hex color

#18b9cd Color Information

#18b9cd Color Conversion

Color Schemes with #18b9cd

Alternatives to #18b9cd

#18b9cd Preview

Shades and Tints of #18b9cd

Tones of #18b9cd

Color Blindness Simulator