#18b6c1 hex color

In a RGB color space, hex #18b6c1 is composed of 9.4% red, 71.4% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 5.7% magenta, 0% yellow and 24.3% black. It has a hue angle of 183.9 degrees, a saturation of 77.9% and a lightness of 42.5%. #18b6c1 color hex could be obtained by blending #30ffff with #006d83. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 71
- B 76
RGB color chart
- C 88
- M 6
- Y 0
- K 24
CMYK color chart

● #18b6c1 color description : Strong cyan.

The hexadecimal color #18b6c1 has RGB values of R:24, G:182, B:193 and CMYK values of C:0.88, M:0.06, Y:0, K:0.24. Its decimal value is 1619649.

Hex triplet	18b6c1	`#18b6c1`
RGB Decimal	24, 182, 193	`rgb(24,182,193)`
RGB Percent	9.4, 71.4, 75.7	`rgb(9.4%,71.4%,75.7%)`
CMYK	88, 6, 0, 24
HSL	183.9°, 77.9, 42.5	`hsl(183.9,77.9%,42.5%)`
HSV (or HSB)	183.9°, 87.6, 75.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.649, -32.981, -16.284
XYZ	26.727, 37.498, 56.278
xyY	0.222, 0.311, 37.498
CIE-LCH	67.649, 36.782, 206.277
CIE-LUV	67.649, -49.955, -20.341
Hunter-Lab	61.235, -29.252, -11.626
Binary	00011000, 10110110, 11000001

#18b6c1
```
#18b6c1 rgb(24,182,193)
```
#c12318
```
#c12318 rgb(193,35,24)
```

Complementary Color

#18c178
```
#18c178 rgb(24,193,120)
```
#18b6c1
```
#18b6c1 rgb(24,182,193)
```
#1862c1
```
#1862c1 rgb(24,98,193)
```

Analogous Color

#c17818
```
#c17818 rgb(193,120,24)
```
#18b6c1
```
#18b6c1 rgb(24,182,193)
```
#c11862
```
#c11862 rgb(193,24,98)
```

Split Complementary Color

#b6c118
```
#b6c118 rgb(182,193,24)
```
#18b6c1
```
#18b6c1 rgb(24,182,193)
```
#c118b6
```
#c118b6 rgb(193,24,182)
```

Triadic Color

#18c123
```
#18c123 rgb(24,193,35)
```
#18b6c1
```
#18b6c1 rgb(24,182,193)
```
#c118b6
```
#c118b6 rgb(193,24,182)
```
#c12318
```
#c12318 rgb(193,35,24)
```

Tetradic Color

#10767d
```
#10767d rgb(16,118,125)
```
#128b94
```
#128b94 rgb(18,139,148)
```
#15a1aa
```
#15a1aa rgb(21,161,170)
```
#18b6c1
```
#18b6c1 rgb(24,182,193)
```
#1bcbd8
```
#1bcbd8 rgb(27,203,216)
```
#28d8e4
```
#28d8e4 rgb(40,216,228)
```
#3edce7
```
#3edce7 rgb(62,220,231)
```

Monochromatic Color

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

#18c1a2
```
#18c1a2 rgb(24,193,162)
```
#18c1b0
```
#18c1b0 rgb(24,193,176)
```
#18c1be
```
#18c1be rgb(24,193,190)
```
#18b6c1
```
#18b6c1 rgb(24,182,193)
```
#18a8c1
```
#18a8c1 rgb(24,168,193)
```
#189ac1
```
#189ac1 rgb(24,154,193)
```
#188cc1
```
#188cc1 rgb(24,140,193)
```

Similar Colors

Text with hexadecimal color #18b6c1

This text has a font color of #18b6c1.

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

#18b6c1 background color

This paragraph has a background color of #18b6c1.

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

#18b6c1 border color

This element has a border color of #18b6c1.

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

CSS codes

.text {color:#18b6c1;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#021113
```
#021113 rgb(2,17,19)
```
#042224
```
#042224 rgb(4,34,36)
```
#073235
```
#073235 rgb(7,50,53)
```
#094347
```
#094347 rgb(9,67,71)
```
#0b5358
```
#0b5358 rgb(11,83,88)
```
#0d646a
```
#0d646a rgb(13,100,106)
```
#0f747b
```
#0f747b rgb(15,116,123)
```
#11858d
```
#11858d rgb(17,133,141)
```
#14959e
```
#14959e rgb(20,149,158)
```
#16a6b0
```
#16a6b0 rgb(22,166,176)
```
#18b6c1
```
#18b6c1 rgb(24,182,193)
```
#1ac6d2
```
#1ac6d2 rgb(26,198,210)
```

Shade Color Variation

#1dd6e3
```
#1dd6e3 rgb(29,214,227)
```
#2fd9e5
```
#2fd9e5 rgb(47,217,229)
```
#40dce7
```
#40dce7 rgb(64,220,231)
```
#52e0e9
```
#52e0e9 rgb(82,224,233)
```
#63e3ec
```
#63e3ec rgb(99,227,236)
```
#75e6ee
```
#75e6ee rgb(117,230,238)
```
#86e9f0
```
#86e9f0 rgb(134,233,240)
```
#97ecf2
```
#97ecf2 rgb(151,236,242)
```
#a9eff4
```
#a9eff4 rgb(169,239,244)
```
#baf3f6
```
#baf3f6 rgb(186,243,246)
```
#ccf6f9
```
#ccf6f9 rgb(204,246,249)
```
#ddf9fb
```
#ddf9fb rgb(221,249,251)
```
#effcfd
```
#effcfd rgb(239,252,253)
```

Tint Color Variation

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

#6b6d6e
```
#6b6d6e rgb(107,109,110)
```
#637576
```
#637576 rgb(99,117,118)
```
#5b7c7e
```
#5b7c7e rgb(91,124,126)
```
#528387
```
#528387 rgb(82,131,135)
```
#4a8a8f
```
#4a8a8f rgb(74,138,143)
```
#429297
```
#429297 rgb(66,146,151)
```
#3999a0
```
#3999a0 rgb(57,153,160)
```
#31a0a8
```
#31a0a8 rgb(49,160,168)
```
#29a7b0
```
#29a7b0 rgb(41,167,176)
```
#20afb9
```
#20afb9 rgb(32,175,185)
```
#18b6c1
```
#18b6c1 rgb(24,182,193)
```
#10bdc9
```
#10bdc9 rgb(16,189,201)
```
#07c5d2
```
#07c5d2 rgb(7,197,210)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#729193 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a8b9 Protanopia 1% of men
#a7a6cb Deuteranopia 1% of men
#28b9c6 Tritanopia 0.001% of the population

Trichromacy

#73adbc Protanomaly 1% of men, 0.01% of women
#73abc7 Deuteranomaly 6% of men, 0.4% of women
#22b8c4 Tritanomaly 0.01% of the population

#18b6c1 hex color

#18b6c1 Color Information

#18b6c1 Color Conversion

Color Schemes with #18b6c1

Alternatives to #18b6c1

#18b6c1 Preview

Shades and Tints of #18b6c1

Tones of #18b6c1

Color Blindness Simulator