#18bbb4 hex color

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

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

● #18bbb4 color description : Strong cyan.

The hexadecimal color #18bbb4 has RGB values of R:24, G:187, B:180 and CMYK values of C:0.87, M:0, Y:0.04, K:0.27. Its decimal value is 1620916.

Hex triplet	18bbb4	`#18bbb4`
RGB Decimal	24, 187, 180	`rgb(24,187,180)`
RGB Percent	9.4, 73.3, 70.6	`rgb(9.4%,73.3%,70.6%)`
CMYK	87, 0, 4, 27
HSL	177.4°, 77.3, 41.4	`hsl(177.4,77.3%,41.4%)`
HSV (or HSB)	177.4°, 87.2, 73.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.771, -39.234, -7.441
XYZ	26.383, 39.027, 49.32
xyY	0.23, 0.34, 39.027
CIE-LCH	68.771, 39.933, 190.738
CIE-LUV	68.771, -52.693, -5.382
Hunter-Lab	62.472, -33.943, -3.078
Binary	00011000, 10111011, 10110100

#18bbb4
```
#18bbb4 rgb(24,187,180)
```
#bb181f
```
#bb181f rgb(187,24,31)
```

Complementary Color

#18bb63
```
#18bb63 rgb(24,187,99)
```
#18bbb4
```
#18bbb4 rgb(24,187,180)
```
#1871bb
```
#1871bb rgb(24,113,187)
```

Analogous Color

#bb6318
```
#bb6318 rgb(187,99,24)
```
#18bbb4
```
#18bbb4 rgb(24,187,180)
```
#bb1871
```
#bb1871 rgb(187,24,113)
```

Split Complementary Color

#bbb418
```
#bbb418 rgb(187,180,24)
```
#18bbb4
```
#18bbb4 rgb(24,187,180)
```
#b418bb
```
#b418bb rgb(180,24,187)
```

Triadic Color

#1fbb18
```
#1fbb18 rgb(31,187,24)
```
#18bbb4
```
#18bbb4 rgb(24,187,180)
```
#b418bb
```
#b418bb rgb(180,24,187)
```
#bb181f
```
#bb181f rgb(187,24,31)
```

Tetradic Color

#0f7773
```
#0f7773 rgb(15,119,115)
```
#128e88
```
#128e88 rgb(18,142,136)
```
#15a49e
```
#15a49e rgb(21,164,158)
```
#18bbb4
```
#18bbb4 rgb(24,187,180)
```
#1bd2ca
```
#1bd2ca rgb(27,210,202)
```
#23e3db
```
#23e3db rgb(35,227,219)
```
#3ae6de
```
#3ae6de rgb(58,230,222)
```

Monochromatic Color

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

#18bb8b
```
#18bb8b rgb(24,187,139)
```
#18bb99
```
#18bb99 rgb(24,187,153)
```
#18bba6
```
#18bba6 rgb(24,187,166)
```
#18bbb4
```
#18bbb4 rgb(24,187,180)
```
#18b4bb
```
#18b4bb rgb(24,180,187)
```
#18a7bb
```
#18a7bb rgb(24,167,187)
```
#1899bb
```
#1899bb rgb(24,153,187)
```

Similar Colors

Text with hexadecimal color #18bbb4

This text has a font color of #18bbb4.

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

#18bbb4 background color

This paragraph has a background color of #18bbb4.

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

#18bbb4 border color

This element has a border color of #18bbb4.

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

CSS codes

.text {color:#18bbb4;}

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

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

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)
```
#041f1d
```
#041f1d rgb(4,31,29)
```
#06302e
```
#06302e rgb(6,48,46)
```
#08413f
```
#08413f rgb(8,65,63)
```
#0b5350
```
#0b5350 rgb(11,83,80)
```
#0d6460
```
#0d6460 rgb(13,100,96)
```
#0f7571
```
#0f7571 rgb(15,117,113)
```
#118782
```
#118782 rgb(17,135,130)
```
#149893
```
#149893 rgb(20,152,147)
```
#16aaa3
```
#16aaa3 rgb(22,170,163)
```
#18bbb4
```
#18bbb4 rgb(24,187,180)
```
#1accc5
```
#1accc5 rgb(26,204,197)
```
#1cded5
```
#1cded5 rgb(28,222,213)
```

Shade Color Variation

#2ae4dc
```
#2ae4dc rgb(42,228,220)
```
#3ce6df
```
#3ce6df rgb(60,230,223)
```
#4de8e1
```
#4de8e1 rgb(77,232,225)
```
#5eeae4
```
#5eeae4 rgb(94,234,228)
```
#70ede7
```
#70ede7 rgb(112,237,231)
```
#81efea
```
#81efea rgb(129,239,234)
```
#92f1ed
```
#92f1ed rgb(146,241,237)
```
#a4f3f0
```
#a4f3f0 rgb(164,243,240)
```
#b5f6f3
```
#b5f6f3 rgb(181,246,243)
```
#c7f8f6
```
#c7f8f6 rgb(199,248,246)
```
#d8faf9
```
#d8faf9 rgb(216,250,249)
```
#e9fcfb
```
#e9fcfb rgb(233,252,251)
```
#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 #08cbc3 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)
```
#498a87
```
#498a87 rgb(73,138,135)
```
#41928f
```
#41928f rgb(65,146,143)
```
#389b96
```
#389b96 rgb(56,155,150)
```
#30a39e
```
#30a39e rgb(48,163,158)
```
#28aba5
```
#28aba5 rgb(40,171,165)
```
#20b3ad
```
#20b3ad rgb(32,179,173)
```
#18bbb4
```
#18bbb4 rgb(24,187,180)
```
#10c3bb
```
#10c3bb rgb(16,195,187)
```
#08cbc3
```
#08cbc3 rgb(8,203,195)
```

Tone Color Variation

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

Dichromacy

#aeabad Protanopia 1% of men
#b2a8c0 Deuteranopia 1% of men
#3abbc9 Tritanopia 0.001% of the population

Trichromacy

#77b1af Protanomaly 1% of men, 0.01% of women
#7aafbb Deuteranomaly 6% of men, 0.4% of women
#2dbbc1 Tritanomaly 0.01% of the population

#18bbb4 hex color

#18bbb4 Color Information

#18bbb4 Color Conversion

Color Schemes with #18bbb4

Alternatives to #18bbb4

#18bbb4 Preview

Shades and Tints of #18bbb4

Tones of #18bbb4

Color Blindness Simulator