#18bbb5 hex color

In a RGB color space, hex #18bbb5 is composed of 9.4% red, 73.3% green and 71% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 0% magenta, 3.2% yellow and 26.7% black. It has a hue angle of 177.8 degrees, a saturation of 77.3% and a lightness of 41.4%. #18bbb5 color hex could be obtained by blending #30ffff with #00776b. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 73
- B 71
RGB color chart
- C 87
- M 0
- Y 3
- K 27
CMYK color chart

● #18bbb5 color description : Strong cyan.

The hexadecimal color #18bbb5 has RGB values of R:24, G:187, B:181 and CMYK values of C:0.87, M:0, Y:0.03, K:0.27. Its decimal value is 1620917.

Hex triplet	18bbb5	`#18bbb5`
RGB Decimal	24, 187, 181	`rgb(24,187,181)`
RGB Percent	9.4, 73.3, 71	`rgb(9.4%,73.3%,71%)`
CMYK	87, 0, 3, 27
HSL	177.8°, 77.3, 41.4	`hsl(177.8,77.3%,41.4%)`
HSV (or HSB)	177.8°, 87.2, 73.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.801, -38.94, -7.946
XYZ	26.485, 39.068, 49.859
xyY	0.229, 0.339, 39.068
CIE-LCH	68.801, 39.743, 191.534
CIE-LUV	68.801, -52.616, -6.217
Hunter-Lab	62.505, -33.748, -3.541
Binary	00011000, 10111011, 10110101

#18bbb5
```
#18bbb5 rgb(24,187,181)
```
#bb181e
```
#bb181e rgb(187,24,30)
```

Complementary Color

#18bb64
```
#18bb64 rgb(24,187,100)
```
#18bbb5
```
#18bbb5 rgb(24,187,181)
```
#1870bb
```
#1870bb rgb(24,112,187)
```

Analogous Color

#bb6418
```
#bb6418 rgb(187,100,24)
```
#18bbb5
```
#18bbb5 rgb(24,187,181)
```
#bb1870
```
#bb1870 rgb(187,24,112)
```

Split Complementary Color

#bbb518
```
#bbb518 rgb(187,181,24)
```
#18bbb5
```
#18bbb5 rgb(24,187,181)
```
#b518bb
```
#b518bb rgb(181,24,187)
```

Triadic Color

#1ebb18
```
#1ebb18 rgb(30,187,24)
```
#18bbb5
```
#18bbb5 rgb(24,187,181)
```
#b518bb
```
#b518bb rgb(181,24,187)
```
#bb181e
```
#bb181e rgb(187,24,30)
```

Tetradic Color

#0f7773
```
#0f7773 rgb(15,119,115)
```
#128e89
```
#128e89 rgb(18,142,137)
```
#15a49f
```
#15a49f rgb(21,164,159)
```
#18bbb5
```
#18bbb5 rgb(24,187,181)
```
#1bd2cb
```
#1bd2cb rgb(27,210,203)
```
#23e3dc
```
#23e3dc rgb(35,227,220)
```
#3ae6df
```
#3ae6df rgb(58,230,223)
```

Monochromatic Color

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

#18bb8c
```
#18bb8c rgb(24,187,140)
```
#18bb9a
```
#18bb9a rgb(24,187,154)
```
#18bba7
```
#18bba7 rgb(24,187,167)
```
#18bbb5
```
#18bbb5 rgb(24,187,181)
```
#18b3bb
```
#18b3bb rgb(24,179,187)
```
#18a6bb
```
#18a6bb rgb(24,166,187)
```
#1898bb
```
#1898bb rgb(24,152,187)
```

Similar Colors

Text with hexadecimal color #18bbb5

This text has a font color of #18bbb5.

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

#18bbb5 background color

This paragraph has a background color of #18bbb5.

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

#18bbb5 border color

This element has a border color of #18bbb5.

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

CSS codes

.text {color:#18bbb5;}

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

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

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

#020d0d
```
#020d0d rgb(2,13,13)
```
#041f1e
```
#041f1e rgb(4,31,30)
```
#06302e
```
#06302e rgb(6,48,46)
```
#08413f
```
#08413f rgb(8,65,63)
```
#0b5350
```
#0b5350 rgb(11,83,80)
```
#0d6461
```
#0d6461 rgb(13,100,97)
```
#0f7572
```
#0f7572 rgb(15,117,114)
```
#118783
```
#118783 rgb(17,135,131)
```
#149893
```
#149893 rgb(20,152,147)
```
#16aaa4
```
#16aaa4 rgb(22,170,164)
```
#18bbb5
```
#18bbb5 rgb(24,187,181)
```
#1accc6
```
#1accc6 rgb(26,204,198)
```
#1cded7
```
#1cded7 rgb(28,222,215)
```

Shade Color Variation

#2ae4dd
```
#2ae4dd rgb(42,228,221)
```
#3ce6e0
```
#3ce6e0 rgb(60,230,224)
```
#4de8e2
```
#4de8e2 rgb(77,232,226)
```
#5eeae5
```
#5eeae5 rgb(94,234,229)
```
#70ede8
```
#70ede8 rgb(112,237,232)
```
#81efeb
```
#81efeb rgb(129,239,235)
```
#92f1ee
```
#92f1ee rgb(146,241,238)
```
#a4f3f0
```
#a4f3f0 rgb(164,243,240)
```
#b5f6f3
```
#b5f6f3 rgb(181,246,243)
```
#c7f8f6
```
#c7f8f6 rgb(199,248,246)
```
#d8faf9
```
#d8faf9 rgb(216,250,249)
```
#e9fcfc
```
#e9fcfc rgb(233,252,252)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#696a6a
```
#696a6a rgb(105,106,106)
```
#617271
```
#617271 rgb(97,114,113)
```
#597a79
```
#597a79 rgb(89,122,121)
```
#518280
```
#518280 rgb(81,130,128)
```
#498a88
```
#498a88 rgb(73,138,136)
```
#41928f
```
#41928f rgb(65,146,143)
```
#389b97
```
#389b97 rgb(56,155,151)
```
#30a39e
```
#30a39e rgb(48,163,158)
```
#28aba6
```
#28aba6 rgb(40,171,166)
```
#20b3ad
```
#20b3ad rgb(32,179,173)
```
#18bbb5
```
#18bbb5 rgb(24,187,181)
```
#10c3bd
```
#10c3bd rgb(16,195,189)
```
#08cbc4
```
#08cbc4 rgb(8,203,196)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#739493 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeabae Protanopia 1% of men
#b2a8c1 Deuteranopia 1% of men
#39bbc9 Tritanopia 0.001% of the population

Trichromacy

#77b1b0 Protanomaly 1% of men, 0.01% of women
#7aafbc Deuteranomaly 6% of men, 0.4% of women
#2dbbc2 Tritanomaly 0.01% of the population

#18bbb5 hex color

#18bbb5 Color Information

#18bbb5 Color Conversion

Color Schemes with #18bbb5

Alternatives to #18bbb5

#18bbb5 Preview

Shades and Tints of #18bbb5

Tones of #18bbb5

Color Blindness Simulator