#18c0bb hex color

In a RGB color space, hex #18c0bb is composed of 9.4% red, 75.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 87.5% cyan, 0% magenta, 2.6% yellow and 24.7% black. It has a hue angle of 178.2 degrees, a saturation of 77.8% and a lightness of 42.4%. #18c0bb color hex could be obtained by blending #30ffff with #008177. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 75
- B 73
RGB color chart
- C 88
- M 0
- Y 3
- K 25
CMYK color chart

● #18c0bb color description : Strong cyan.

The hexadecimal color #18c0bb has RGB values of R:24, G:192, B:187 and CMYK values of C:0.88, M:0, Y:0.03, K:0.25. Its decimal value is 1622203.

Hex triplet	18c0bb	`#18c0bb`
RGB Decimal	24, 192, 187	`rgb(24,192,187)`
RGB Percent	9.4, 75.3, 73.3	`rgb(9.4%,75.3%,73.3%)`
CMYK	88, 0, 3, 25
HSL	178.2°, 77.8, 42.4	`hsl(178.2,77.8%,42.4%)`
HSV (or HSB)	178.2°, 87.5, 75.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.51, -39.432, -8.695
XYZ	28.193, 41.478, 53.531
xyY	0.229, 0.337, 41.478
CIE-LCH	70.51, 40.379, 192.436
CIE-LUV	70.51, -53.879, -7.344
Hunter-Lab	64.404, -34.567, -4.198
Binary	00011000, 11000000, 10111011

#18c0bb
```
#18c0bb rgb(24,192,187)
```
#c0181d
```
#c0181d rgb(192,24,29)
```

Complementary Color

#18c067
```
#18c067 rgb(24,192,103)
```
#18c0bb
```
#18c0bb rgb(24,192,187)
```
#1871c0
```
#1871c0 rgb(24,113,192)
```

Analogous Color

#c06718
```
#c06718 rgb(192,103,24)
```
#18c0bb
```
#18c0bb rgb(24,192,187)
```
#c01871
```
#c01871 rgb(192,24,113)
```

Split Complementary Color

#c0bb18
```
#c0bb18 rgb(192,187,24)
```
#18c0bb
```
#18c0bb rgb(24,192,187)
```
#bb18c0
```
#bb18c0 rgb(187,24,192)
```

Triadic Color

#1dc018
```
#1dc018 rgb(29,192,24)
```
#18c0bb
```
#18c0bb rgb(24,192,187)
```
#bb18c0
```
#bb18c0 rgb(187,24,192)
```
#c0181d
```
#c0181d rgb(192,24,29)
```

Tetradic Color

#107c79
```
#107c79 rgb(16,124,121)
```
#12938f
```
#12938f rgb(18,147,143)
```
#15a9a5
```
#15a9a5 rgb(21,169,165)
```
#18c0bb
```
#18c0bb rgb(24,192,187)
```
#1bd7d1
```
#1bd7d1 rgb(27,215,209)
```
#27e4de
```
#27e4de rgb(39,228,222)
```
#3ee7e2
```
#3ee7e2 rgb(62,231,226)
```

Monochromatic Color

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

#18c091
```
#18c091 rgb(24,192,145)
```
#18c09f
```
#18c09f rgb(24,192,159)
```
#18c0ad
```
#18c0ad rgb(24,192,173)
```
#18c0bb
```
#18c0bb rgb(24,192,187)
```
#18b7c0
```
#18b7c0 rgb(24,183,192)
```
#18a9c0
```
#18a9c0 rgb(24,169,192)
```
#189bc0
```
#189bc0 rgb(24,155,192)
```

Similar Colors

Text with hexadecimal color #18c0bb

This text has a font color of #18c0bb.

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

#18c0bb background color

This paragraph has a background color of #18c0bb.

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

#18c0bb border color

This element has a border color of #18c0bb.

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

CSS codes

.text {color:#18c0bb;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#021211
```
#021211 rgb(2,18,17)
```
#042322
```
#042322 rgb(4,35,34)
```
#073533
```
#073533 rgb(7,53,51)
```
#094644
```
#094644 rgb(9,70,68)
```
#0b5755
```
#0b5755 rgb(11,87,85)
```
#0d6966
```
#0d6966 rgb(13,105,102)
```
#0f7a77
```
#0f7a77 rgb(15,122,119)
```
#118c88
```
#118c88 rgb(17,140,136)
```
#149d99
```
#149d99 rgb(20,157,153)
```
#16afaa
```
#16afaa rgb(22,175,170)
```
#18c0bb
```
#18c0bb rgb(24,192,187)
```
#1ad1cc
```
#1ad1cc rgb(26,209,204)
```

Shade Color Variation

#1de3dd
```
#1de3dd rgb(29,227,221)
```
#2ee5df
```
#2ee5df rgb(46,229,223)
```
#3fe7e2
```
#3fe7e2 rgb(63,231,226)
```
#51e9e5
```
#51e9e5 rgb(81,233,229)
```
#62ebe7
```
#62ebe7 rgb(98,235,231)
```
#74eeea
```
#74eeea rgb(116,238,234)
```
#85f0ed
```
#85f0ed rgb(133,240,237)
```
#97f2ef
```
#97f2ef rgb(151,242,239)
```
#a8f4f2
```
#a8f4f2 rgb(168,244,242)
```
#b9f6f4
```
#b9f6f4 rgb(185,246,244)
```
#cbf8f7
```
#cbf8f7 rgb(203,248,247)
```
#dcfbfa
```
#dcfbfa rgb(220,251,250)
```
#eefdfc
```
#eefdfc rgb(238,253,252)
```

Tint Color Variation

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

#6b6d6d
```
#6b6d6d rgb(107,109,109)
```
#637575
```
#637575 rgb(99,117,117)
```
#5a7e7c
```
#5a7e7c rgb(90,126,124)
```
#528684
```
#528684 rgb(82,134,132)
```
#4a8e8c
```
#4a8e8c rgb(74,142,140)
```
#429694
```
#429694 rgb(66,150,148)
```
#399f9c
```
#399f9c rgb(57,159,156)
```
#31a7a4
```
#31a7a4 rgb(49,167,164)
```
#29afab
```
#29afab rgb(41,175,171)
```
#20b8b3
```
#20b8b3 rgb(32,184,179)
```
#18c0bb
```
#18c0bb rgb(24,192,187)
```
#10c8c3
```
#10c8c3 rgb(16,200,195)
```
#07d1cb
```
#07d1cb rgb(7,209,203)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#769796 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2afb3 Protanopia 1% of men
#b6acc6 Deuteranopia 1% of men
#39c0ce Tritanopia 0.001% of the population

Trichromacy

#7ab5b6 Protanomaly 1% of men, 0.01% of women
#7cb3c2 Deuteranomaly 6% of men, 0.4% of women
#2dc0c7 Tritanomaly 0.01% of the population

#18c0bb hex color

#18c0bb Color Information

#18c0bb Color Conversion

Color Schemes with #18c0bb

Alternatives to #18c0bb

#18c0bb Preview

Shades and Tints of #18c0bb

Tones of #18c0bb

Color Blindness Simulator