#18b8b4 hex color

In a RGB color space, hex #18b8b4 is composed of 9.4% red, 72.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 0% magenta, 2.2% yellow and 27.8% black. It has a hue angle of 178.5 degrees, a saturation of 76.9% and a lightness of 40.8%. #18b8b4 color hex could be obtained by blending #30ffff with #007169. Closest websafe color is: #00cccc.

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

● #18b8b4 color description : Strong cyan.

The hexadecimal color #18b8b4 has RGB values of R:24, G:184, B:180 and CMYK values of C:0.87, M:0, Y:0.02, K:0.28. Its decimal value is 1620148.

Hex triplet	18b8b4	`#18b8b4`
RGB Decimal	24, 184, 180	`rgb(24,184,180)`
RGB Percent	9.4, 72.2, 70.6	`rgb(9.4%,72.2%,70.6%)`
CMYK	87, 0, 2, 28
HSL	178.5°, 76.9, 40.8	`hsl(178.5,76.9%,40.8%)`
HSV (or HSB)	178.5°, 87, 72.2
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.849, -37.876, -8.812
XYZ	25.753, 37.768, 49.11
xyY	0.229, 0.335, 37.768
CIE-LCH	67.849, 38.887, 193.097
CIE-LUV	67.849, -51.653, -7.718
Hunter-Lab	61.456, -32.747, -4.361
Binary	00011000, 10111000, 10110100

#18b8b4
```
#18b8b4 rgb(24,184,180)
```
#b8181c
```
#b8181c rgb(184,24,28)
```

Complementary Color

#18b864
```
#18b864 rgb(24,184,100)
```
#18b8b4
```
#18b8b4 rgb(24,184,180)
```
#186cb8
```
#186cb8 rgb(24,108,184)
```

Analogous Color

#b86418
```
#b86418 rgb(184,100,24)
```
#18b8b4
```
#18b8b4 rgb(24,184,180)
```
#b8186c
```
#b8186c rgb(184,24,108)
```

Split Complementary Color

#b8b418
```
#b8b418 rgb(184,180,24)
```
#18b8b4
```
#18b8b4 rgb(24,184,180)
```
#b418b8
```
#b418b8 rgb(180,24,184)
```

Triadic Color

#1cb818
```
#1cb818 rgb(28,184,24)
```
#18b8b4
```
#18b8b4 rgb(24,184,180)
```
#b418b8
```
#b418b8 rgb(180,24,184)
```
#b8181c
```
#b8181c rgb(184,24,28)
```

Tetradic Color

#0f7472
```
#0f7472 rgb(15,116,114)
```
#128b88
```
#128b88 rgb(18,139,136)
```
#15a19e
```
#15a19e rgb(21,161,158)
```
#18b8b4
```
#18b8b4 rgb(24,184,180)
```
#1bcfca
```
#1bcfca rgb(27,207,202)
```
#21e2dd
```
#21e2dd rgb(33,226,221)
```
#38e5e1
```
#38e5e1 rgb(56,229,225)
```

Monochromatic Color

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

#18b88c
```
#18b88c rgb(24,184,140)
```
#18b899
```
#18b899 rgb(24,184,153)
```
#18b8a7
```
#18b8a7 rgb(24,184,167)
```
#18b8b4
```
#18b8b4 rgb(24,184,180)
```
#18afb8
```
#18afb8 rgb(24,175,184)
```
#18a1b8
```
#18a1b8 rgb(24,161,184)
```
#1894b8
```
#1894b8 rgb(24,148,184)
```

Similar Colors

Text with hexadecimal color #18b8b4

This text has a font color of #18b8b4.

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

#18b8b4 background color

This paragraph has a background color of #18b8b4.

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

#18b8b4 border color

This element has a border color of #18b8b4.

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

CSS codes

.text {color:#18b8b4;}

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

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

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, #010a0a is the darkest color, while #f8fefe is the lightest one.

#010a0a
```
#010a0a rgb(1,10,10)
```
#041c1b
```
#041c1b rgb(4,28,27)
```
#062d2c
```
#062d2c rgb(6,45,44)
```
#083f3d
```
#083f3d rgb(8,63,61)
```
#0a504e
```
#0a504e rgb(10,80,78)
```
#0d615f
```
#0d615f rgb(13,97,95)
```
#0f7370
```
#0f7370 rgb(15,115,112)
```
#118481
```
#118481 rgb(17,132,129)
```
#139592
```
#139592 rgb(19,149,146)
```
#16a7a3
```
#16a7a3 rgb(22,167,163)
```
#18b8b4
```
#18b8b4 rgb(24,184,180)
```
#1ac9c5
```
#1ac9c5 rgb(26,201,197)
```
#1ddbd6
```
#1ddbd6 rgb(29,219,214)
```

Shade Color Variation

#28e3de
```
#28e3de rgb(40,227,222)
```
#39e5e1
```
#39e5e1 rgb(57,229,225)
```
#4be7e4
```
#4be7e4 rgb(75,231,228)
```
#5ceae6
```
#5ceae6 rgb(92,234,230)
```
#6dece9
```
#6dece9 rgb(109,236,233)
```
#7feeeb
```
#7feeeb rgb(127,238,235)
```
#90f1ee
```
#90f1ee rgb(144,241,238)
```
#a1f3f1
```
#a1f3f1 rgb(161,243,241)
```
#b3f5f3
```
#b3f5f3 rgb(179,245,243)
```
#c4f7f6
```
#c4f7f6 rgb(196,247,246)
```
#d5faf9
```
#d5faf9 rgb(213,250,249)
```
#e7fcfb
```
#e7fcfb rgb(231,252,251)
```
#f8fefe
```
#f8fefe rgb(248,254,254)
```

Tint Color Variation

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

#686868
```
#686868 rgb(104,104,104)
```
#607070
```
#607070 rgb(96,112,112)
```
#587877
```
#587877 rgb(88,120,119)
```
#50807f
```
#50807f rgb(80,128,127)
```
#488886
```
#488886 rgb(72,136,134)
```
#40908e
```
#40908e rgb(64,144,142)
```
#389896
```
#389896 rgb(56,152,150)
```
#30a09d
```
#30a09d rgb(48,160,157)
```
#28a8a5
```
#28a8a5 rgb(40,168,165)
```
#20b0ac
```
#20b0ac rgb(32,176,172)
```
#18b8b4
```
#18b8b4 rgb(24,184,180)
```
#10c0bc
```
#10c0bc rgb(16,192,188)
```
#08c8c3
```
#08c8c3 rgb(8,200,195)
```

Tone Color Variation

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

Dichromacy

#aba9ad Protanopia 1% of men
#aea5bf Deuteranopia 1% of men
#37b9c6 Tritanopia 0.001% of the population

Trichromacy

#75aeaf Protanomaly 1% of men, 0.01% of women
#77acbb Deuteranomaly 6% of men, 0.4% of women
#2cb8c0 Tritanomaly 0.01% of the population

#18b8b4 hex color

#18b8b4 Color Information

#18b8b4 Color Conversion

Color Schemes with #18b8b4

Alternatives to #18b8b4

#18b8b4 Preview

Shades and Tints of #18b8b4

Tones of #18b8b4

Color Blindness Simulator