#18bdcf hex color

In a RGB color space, hex #18bdcf is composed of 9.4% red, 74.1% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 88.4% cyan, 8.7% magenta, 0% yellow and 18.8% black. It has a hue angle of 185.9 degrees, a saturation of 79.2% and a lightness of 45.3%. #18bdcf color hex could be obtained by blending #30ffff with #007b9f. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 74
- B 81
RGB color chart
- C 88
- M 9
- Y 0
- K 19
CMYK color chart

● #18bdcf color description : Strong cyan.

The hexadecimal color #18bdcf has RGB values of R:24, G:189, B:207 and CMYK values of C:0.88, M:0.09, Y:0, K:0.19. Its decimal value is 1621455.

Hex triplet	18bdcf	`#18bdcf`
RGB Decimal	24, 189, 207	`rgb(24,189,207)`
RGB Percent	9.4, 74.1, 81.2	`rgb(9.4%,74.1%,81.2%)`
CMYK	88, 9, 0, 19
HSL	185.9°, 79.2, 45.3	`hsl(185.9,79.2%,45.3%)`
HSV (or HSB)	185.9°, 88.4, 81.2
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.24, -31.922, -20.046
XYZ	29.833, 41.091, 65.387
xyY	0.219, 0.301, 41.091
CIE-LCH	70.24, 37.695, 212.128
CIE-LUV	70.24, -51.294, -26.762
Hunter-Lab	64.103, -29.105, -15.606
Binary	00011000, 10111101, 11001111

#18bdcf
```
#18bdcf rgb(24,189,207)
```
#cf2a18
```
#cf2a18 rgb(207,42,24)
```

Complementary Color

#18cf86
```
#18cf86 rgb(24,207,134)
```
#18bdcf
```
#18bdcf rgb(24,189,207)
```
#1862cf
```
#1862cf rgb(24,98,207)
```

Analogous Color

#cf8618
```
#cf8618 rgb(207,134,24)
```
#18bdcf
```
#18bdcf rgb(24,189,207)
```
#cf1862
```
#cf1862 rgb(207,24,98)
```

Split Complementary Color

#bdcf18
```
#bdcf18 rgb(189,207,24)
```
#18bdcf
```
#18bdcf rgb(24,189,207)
```
#cf18bd
```
#cf18bd rgb(207,24,189)
```

Triadic Color

#18cf2a
```
#18cf2a rgb(24,207,42)
```
#18bdcf
```
#18bdcf rgb(24,189,207)
```
#cf18bd
```
#cf18bd rgb(207,24,189)
```
#cf2a18
```
#cf2a18 rgb(207,42,24)
```

Tetradic Color

#107e8a
```
#107e8a rgb(16,126,138)
```
#1393a1
```
#1393a1 rgb(19,147,161)
```
#15a8b8
```
#15a8b8 rgb(21,168,184)
```
#18bdcf
```
#18bdcf rgb(24,189,207)
```
#1cd1e5
```
#1cd1e5 rgb(28,209,229)
```
#33d6e7
```
#33d6e7 rgb(51,214,231)
```
#4adaea
```
#4adaea rgb(74,218,234)
```

Monochromatic Color

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

#18cfb3
```
#18cfb3 rgb(24,207,179)
```
#18cfc3
```
#18cfc3 rgb(24,207,195)
```
#18cccf
```
#18cccf rgb(24,204,207)
```
#18bdcf
```
#18bdcf rgb(24,189,207)
```
#18aecf
```
#18aecf rgb(24,174,207)
```
#189fcf
```
#189fcf rgb(24,159,207)
```
#188fcf
```
#188fcf rgb(24,143,207)
```

Similar Colors

Text with hexadecimal color #18bdcf

This text has a font color of #18bdcf.

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

#18bdcf background color

This paragraph has a background color of #18bdcf.

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

#18bdcf border color

This element has a border color of #18bdcf.

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

CSS codes

.text {color:#18bdcf;}

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

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

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, #020c0e is the darkest color, while #fbfeff is the lightest one.

#020c0e
```
#020c0e rgb(2,12,14)
```
#041d1f
```
#041d1f rgb(4,29,31)
```
#062d31
```
#062d31 rgb(6,45,49)
```
#083d42
```
#083d42 rgb(8,61,66)
```
#0a4d54
```
#0a4d54 rgb(10,77,84)
```
#0c5d66
```
#0c5d66 rgb(12,93,102)
```
#0e6d77
```
#0e6d77 rgb(14,109,119)
```
#107d89
```
#107d89 rgb(16,125,137)
```
#128d9a
```
#128d9a rgb(18,141,154)
```
#149dac
```
#149dac rgb(20,157,172)
```
#16adbd
```
#16adbd rgb(22,173,189)
```
#18bdcf
```
#18bdcf rgb(24,189,207)
```
#1acde1
```
#1acde1 rgb(26,205,225)
```

Shade Color Variation

#28d3e6
```
#28d3e6 rgb(40,211,230)
```
#3ad7e8
```
#3ad7e8 rgb(58,215,232)
```
#4bdbea
```
#4bdbea rgb(75,219,234)
```
#5ddeec
```
#5ddeec rgb(93,222,236)
```
#6ee2ee
```
#6ee2ee rgb(110,226,238)
```
#80e5f0
```
#80e5f0 rgb(128,229,240)
```
#92e9f2
```
#92e9f2 rgb(146,233,242)
```
#a3ecf4
```
#a3ecf4 rgb(163,236,244)
```
#b5f0f6
```
#b5f0f6 rgb(181,240,246)
```
#c6f4f8
```
#c6f4f8 rgb(198,244,248)
```
#d8f7fa
```
#d8f7fa rgb(216,247,250)
```
#e9fbfd
```
#e9fbfd rgb(233,251,253)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#717676
```
#717676 rgb(113,118,118)
```
#687d7f
```
#687d7f rgb(104,125,127)
```
#5f8488
```
#5f8488 rgb(95,132,136)
```
#568b91
```
#568b91 rgb(86,139,145)
```
#4d929a
```
#4d929a rgb(77,146,154)
```
#4499a3
```
#4499a3 rgb(68,153,163)
```
#3ca0ab
```
#3ca0ab rgb(60,160,171)
```
#33a8b4
```
#33a8b4 rgb(51,168,180)
```
#2aafbd
```
#2aafbd rgb(42,175,189)
```
#21b6c6
```
#21b6c6 rgb(33,182,198)
```
#18bdcf
```
#18bdcf rgb(24,189,207)
```
#0fc4d8
```
#0fc4d8 rgb(15,196,216)
```
#06cbe1
```
#06cbe1 rgb(6,203,225)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#76979b Atypical Achromatopsia 0.001% of the population

Dichromacy

#abaec6 Protanopia 1% of men
#a9acd8 Deuteranopia 1% of men
#1ec0cf Tritanopia 0.001% of the population

Trichromacy

#76b3c9 Protanomaly 1% of men, 0.01% of women
#74b2d5 Deuteranomaly 6% of men, 0.4% of women
#1cbfcf Tritanomaly 0.01% of the population

#18bdcf hex color

#18bdcf Color Information

#18bdcf Color Conversion

Color Schemes with #18bdcf

Alternatives to #18bdcf

#18bdcf Preview

Shades and Tints of #18bdcf

Tones of #18bdcf

Color Blindness Simulator