#18b8bc hex color

In a RGB color space, hex #18b8bc is composed of 9.4% red, 72.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 2.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 181.5 degrees, a saturation of 77.4% and a lightness of 41.6%. #18b8bc color hex could be obtained by blending #30ffff with #007179. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 72
- B 74
RGB color chart
- C 87
- M 2
- Y 0
- K 26
CMYK color chart

● #18b8bc color description : Strong cyan.

The hexadecimal color #18b8bc has RGB values of R:24, G:184, B:188 and CMYK values of C:0.87, M:0.02, Y:0, K:0.26. Its decimal value is 1620156.

Hex triplet	18b8bc	`#18b8bc`
RGB Decimal	24, 184, 188	`rgb(24,184,188)`
RGB Percent	9.4, 72.2, 73.7	`rgb(9.4%,72.2%,73.7%)`
CMYK	87, 2, 0, 26
HSL	181.5°, 77.4, 41.6	`hsl(181.5,77.4%,41.6%)`
HSV (or HSB)	181.5°, 87.2, 73.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.097, -35.468, -12.852
XYZ	26.591, 38.103, 53.527
xyY	0.225, 0.322, 38.103
CIE-LCH	68.097, 37.725, 199.919
CIE-LUV	68.097, -51.034, -14.477
Hunter-Lab	61.728, -31.129, -8.204
Binary	00011000, 10111000, 10111100

#18b8bc
```
#18b8bc rgb(24,184,188)
```
#bc1c18
```
#bc1c18 rgb(188,28,24)
```

Complementary Color

#18bc6e
```
#18bc6e rgb(24,188,110)
```
#18b8bc
```
#18b8bc rgb(24,184,188)
```
#1866bc
```
#1866bc rgb(24,102,188)
```

Analogous Color

#bc6e18
```
#bc6e18 rgb(188,110,24)
```
#18b8bc
```
#18b8bc rgb(24,184,188)
```
#bc1866
```
#bc1866 rgb(188,24,102)
```

Split Complementary Color

#b8bc18
```
#b8bc18 rgb(184,188,24)
```
#18b8bc
```
#18b8bc rgb(24,184,188)
```
#bc18b8
```
#bc18b8 rgb(188,24,184)
```

Triadic Color

#18bc1c
```
#18bc1c rgb(24,188,28)
```
#18b8bc
```
#18b8bc rgb(24,184,188)
```
#bc18b8
```
#bc18b8 rgb(188,24,184)
```
#bc1c18
```
#bc1c18 rgb(188,28,24)
```

Tetradic Color

#0f7678
```
#0f7678 rgb(15,118,120)
```
#128c8f
```
#128c8f rgb(18,140,143)
```
#15a2a5
```
#15a2a5 rgb(21,162,165)
```
#18b8bc
```
#18b8bc rgb(24,184,188)
```
#1bced3
```
#1bced3 rgb(27,206,211)
```
#24dee3
```
#24dee3 rgb(36,222,227)
```
#3be2e6
```
#3be2e6 rgb(59,226,230)
```

Monochromatic Color

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

#18bc97
```
#18bc97 rgb(24,188,151)
```
#18bca5
```
#18bca5 rgb(24,188,165)
```
#18bcb2
```
#18bcb2 rgb(24,188,178)
```
#18b8bc
```
#18b8bc rgb(24,184,188)
```
#18aabc
```
#18aabc rgb(24,170,188)
```
#189dbc
```
#189dbc rgb(24,157,188)
```
#188fbc
```
#188fbc rgb(24,143,188)
```

Similar Colors

Text with hexadecimal color #18b8bc

This text has a font color of #18b8bc.

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

#18b8bc background color

This paragraph has a background color of #18b8bc.

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

#18b8bc border color

This element has a border color of #18b8bc.

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

CSS codes

.text {color:#18b8bc;}

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

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

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

#020e0e
```
#020e0e rgb(2,14,14)
```
#041f1f
```
#041f1f rgb(4,31,31)
```
#063031
```
#063031 rgb(6,48,49)
```
#084142
```
#084142 rgb(8,65,66)
```
#0b5254
```
#0b5254 rgb(11,82,84)
```
#0d6365
```
#0d6365 rgb(13,99,101)
```
#0f7476
```
#0f7476 rgb(15,116,118)
```
#118588
```
#118588 rgb(17,133,136)
```
#149699
```
#149699 rgb(20,150,153)
```
#16a7ab
```
#16a7ab rgb(22,167,171)
```
#18b8bc
```
#18b8bc rgb(24,184,188)
```
#1ac9cd
```
#1ac9cd rgb(26,201,205)
```
#1cdadf
```
#1cdadf rgb(28,218,223)
```

Shade Color Variation

#2bdfe4
```
#2bdfe4 rgb(43,223,228)
```
#3ce2e6
```
#3ce2e6 rgb(60,226,230)
```
#4ee5e8
```
#4ee5e8 rgb(78,229,232)
```
#5fe7eb
```
#5fe7eb rgb(95,231,235)
```
#70eaed
```
#70eaed rgb(112,234,237)
```
#82ecef
```
#82ecef rgb(130,236,239)
```
#93eff1
```
#93eff1 rgb(147,239,241)
```
#a5f2f3
```
#a5f2f3 rgb(165,242,243)
```
#b6f4f6
```
#b6f4f6 rgb(182,244,246)
```
#c7f7f8
```
#c7f7f8 rgb(199,247,248)
```
#d9f9fa
```
#d9f9fa rgb(217,249,250)
```
#eafcfc
```
#eafcfc rgb(234,252,252)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#6a6a6a
```
#6a6a6a rgb(106,106,106)
```
#617273
```
#617273 rgb(97,114,115)
```
#597a7b
```
#597a7b rgb(89,122,123)
```
#518283
```
#518283 rgb(81,130,131)
```
#49898b
```
#49898b rgb(73,137,139)
```
#419193
```
#419193 rgb(65,145,147)
```
#39999b
```
#39999b rgb(57,153,155)
```
#30a1a4
```
#30a1a4 rgb(48,161,164)
```
#28a8ac
```
#28a8ac rgb(40,168,172)
```
#20b0b4
```
#20b0b4 rgb(32,176,180)
```
#18b8bc
```
#18b8bc rgb(24,184,188)
```
#10c0c4
```
#10c0c4 rgb(16,192,196)
```
#08c8cc
```
#08c8cc rgb(8,200,204)
```

Tone Color Variation

Below, you can see how #18b8bc 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
#729293 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa9b5 Protanopia 1% of men
#aba6c7 Deuteranopia 1% of men
#30bac7 Tritanopia 0.001% of the population

Trichromacy

#75aeb7 Protanomaly 1% of men, 0.01% of women
#75adc3 Deuteranomaly 6% of men, 0.4% of women
#27b9c3 Tritanomaly 0.01% of the population

#18b8bc hex color

#18b8bc Color Information

#18b8bc Color Conversion

Color Schemes with #18b8bc

Alternatives to #18b8bc

#18b8bc Preview

Shades and Tints of #18b8bc

Tones of #18b8bc

Color Blindness Simulator