#18b6cb hex color

In a RGB color space, hex #18b6cb is composed of 9.4% red, 71.4% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 10.3% magenta, 0% yellow and 20.4% black. It has a hue angle of 187 degrees, a saturation of 78.9% and a lightness of 44.5%. #18b6cb color hex could be obtained by blending #30ffff with #006d97. Closest websafe color is: #00cccc.

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

● #18b6cb color description : Strong cyan.

The hexadecimal color #18b6cb has RGB values of R:24, G:182, B:203 and CMYK values of C:0.88, M:0.1, Y:0, K:0.2. Its decimal value is 1619659.

Hex triplet	18b6cb	`#18b6cb`
RGB Decimal	24, 182, 203	`rgb(24,182,203)`
RGB Percent	9.4, 71.4, 79.6	`rgb(9.4%,71.4%,79.6%)`
CMYK	88, 10, 0, 20
HSL	187°, 78.9, 44.5	`hsl(187,78.9%,44.5%)`
HSV (or HSB)	187°, 88.2, 79.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.99, -29.807, -21.274
XYZ	27.881, 37.959, 62.354
xyY	0.217, 0.296, 37.959
CIE-LCH	67.99, 36.62, 215.517
CIE-LUV	67.99, -49.187, -28.96
Hunter-Lab	61.611, -27.042, -16.877
Binary	00011000, 10110110, 11001011

#18b6cb
```
#18b6cb rgb(24,182,203)
```
#cb2d18
```
#cb2d18 rgb(203,45,24)
```

Complementary Color

#18cb87
```
#18cb87 rgb(24,203,135)
```
#18b6cb
```
#18b6cb rgb(24,182,203)
```
#185ccb
```
#185ccb rgb(24,92,203)
```

Analogous Color

#cb8718
```
#cb8718 rgb(203,135,24)
```
#18b6cb
```
#18b6cb rgb(24,182,203)
```
#cb185d
```
#cb185d rgb(203,24,93)
```

Split Complementary Color

#b6cb18
```
#b6cb18 rgb(182,203,24)
```
#18b6cb
```
#18b6cb rgb(24,182,203)
```
#cb18b6
```
#cb18b6 rgb(203,24,182)
```

Triadic Color

#18cb2d
```
#18cb2d rgb(24,203,45)
```
#18b6cb
```
#18b6cb rgb(24,182,203)
```
#cb18b6
```
#cb18b6 rgb(203,24,182)
```
#cb2d18
```
#cb2d18 rgb(203,45,24)
```

Tetradic Color

#107987
```
#107987 rgb(16,121,135)
```
#138d9d
```
#138d9d rgb(19,141,157)
```
#15a2b4
```
#15a2b4 rgb(21,162,180)
```
#18b6cb
```
#18b6cb rgb(24,182,203)
```
#1bcae2
```
#1bcae2 rgb(27,202,226)
```
#30d1e6
```
#30d1e6 rgb(48,209,230)
```
#46d6e9
```
#46d6e9 rgb(70,214,233)
```

Monochromatic Color

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

#18cbb3
```
#18cbb3 rgb(24,203,179)
```
#18cbc2
```
#18cbc2 rgb(24,203,194)
```
#18c5cb
```
#18c5cb rgb(24,197,203)
```
#18b6cb
```
#18b6cb rgb(24,182,203)
```
#18a7cb
```
#18a7cb rgb(24,167,203)
```
#1898cb
```
#1898cb rgb(24,152,203)
```
#1889cb
```
#1889cb rgb(24,137,203)
```

Similar Colors

Text with hexadecimal color #18b6cb

This text has a font color of #18b6cb.

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

#18b6cb background color

This paragraph has a background color of #18b6cb.

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

#18b6cb border color

This element has a border color of #18b6cb.

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

CSS codes

.text {color:#18b6cb;}

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

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

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, #01090a is the darkest color, while #f8fdfe is the lightest one.

#01090a
```
#01090a rgb(1,9,10)
```
#03191c
```
#03191c rgb(3,25,28)
```
#05282d
```
#05282d rgb(5,40,45)
```
#07383f
```
#07383f rgb(7,56,63)
```
#094850
```
#094850 rgb(9,72,80)
```
#0c5862
```
#0c5862 rgb(12,88,98)
```
#0e6773
```
#0e6773 rgb(14,103,115)
```
#107785
```
#107785 rgb(16,119,133)
```
#128796
```
#128796 rgb(18,135,150)
```
#1497a8
```
#1497a8 rgb(20,151,168)
```
#16a6b9
```
#16a6b9 rgb(22,166,185)
```
#18b6cb
```
#18b6cb rgb(24,182,203)
```
#1ac6dd
```
#1ac6dd rgb(26,198,221)
```

Shade Color Variation

#25cfe5
```
#25cfe5 rgb(37,207,229)
```
#37d3e7
```
#37d3e7 rgb(55,211,231)
```
#48d6e9
```
#48d6e9 rgb(72,214,233)
```
#5adaeb
```
#5adaeb rgb(90,218,235)
```
#6bdeee
```
#6bdeee rgb(107,222,238)
```
#7de2f0
```
#7de2f0 rgb(125,226,240)
```
#8ee6f2
```
#8ee6f2 rgb(142,230,242)
```
#a0eaf4
```
#a0eaf4 rgb(160,234,244)
```
#b1eef6
```
#b1eef6 rgb(177,238,246)
```
#c3f2f8
```
#c3f2f8 rgb(195,242,248)
```
#d4f6fa
```
#d4f6fa rgb(212,246,250)
```
#e6f9fc
```
#e6f9fc rgb(230,249,252)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7374 is the less saturated color, while #07c3dc is the most saturated one.

#6f7374
```
#6f7374 rgb(111,115,116)
```
#677a7c
```
#677a7c rgb(103,122,124)
```
#5e8185
```
#5e8185 rgb(94,129,133)
```
#55878e
```
#55878e rgb(85,135,142)
```
#4c8e97
```
#4c8e97 rgb(76,142,151)
```
#44959f
```
#44959f rgb(68,149,159)
```
#3b9ba8
```
#3b9ba8 rgb(59,155,168)
```
#32a2b1
```
#32a2b1 rgb(50,162,177)
```
#29a9ba
```
#29a9ba rgb(41,169,186)
```
#21afc2
```
#21afc2 rgb(33,175,194)
```
#18b6cb
```
#18b6cb rgb(24,182,203)
```
#0fbdd4
```
#0fbdd4 rgb(15,189,212)
```
#07c3dc
```
#07c3dc rgb(7,195,220)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#729296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a9c3 Protanopia 1% of men
#a2a7d4 Deuteranopia 1% of men
#15bac8 Tritanopia 0.001% of the population

Trichromacy

#71adc6 Protanomaly 1% of men, 0.01% of women
#70acd1 Deuteranomaly 6% of men, 0.4% of women
#16b9c9 Tritanomaly 0.01% of the population

#18b6cb hex color

#18b6cb Color Information

#18b6cb Color Conversion

Color Schemes with #18b6cb

Alternatives to #18b6cb

#18b6cb Preview

Shades and Tints of #18b6cb

Tones of #18b6cb

Color Blindness Simulator