#18c0bf hex color

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

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

● #18c0bf color description : Strong cyan.

The hexadecimal color #18c0bf has RGB values of R:24, G:192, B:191 and CMYK values of C:0.88, M:0, Y:0.01, K:0.25. Its decimal value is 1622207.

Hex triplet	18c0bf	`#18c0bf`
RGB Decimal	24, 192, 191	`rgb(24,192,191)`
RGB Percent	9.4, 75.3, 74.9	`rgb(9.4%,75.3%,74.9%)`
CMYK	88, 0, 1, 25
HSL	179.6°, 77.8, 42.4	`hsl(179.6,77.8%,42.4%)`
HSV (or HSB)	179.6°, 87.5, 75.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.63, -38.248, -10.704
XYZ	28.627, 41.652, 55.818
xyY	0.227, 0.33, 41.652
CIE-LCH	70.63, 39.718, 195.635
CIE-LUV	70.63, -53.569, -10.706
Hunter-Lab	64.538, -33.765, -6.102
Binary	00011000, 11000000, 10111111

#18c0bf
```
#18c0bf rgb(24,192,191)
```
#c01819
```
#c01819 rgb(192,24,25)
```

Complementary Color

#18c06b
```
#18c06b rgb(24,192,107)
```
#18c0bf
```
#18c0bf rgb(24,192,191)
```
#186dc0
```
#186dc0 rgb(24,109,192)
```

Analogous Color

#c06b18
```
#c06b18 rgb(192,107,24)
```
#18c0bf
```
#18c0bf rgb(24,192,191)
```
#c0186d
```
#c0186d rgb(192,24,109)
```

Split Complementary Color

#c0bf18
```
#c0bf18 rgb(192,191,24)
```
#18c0bf
```
#18c0bf rgb(24,192,191)
```
#bf18c0
```
#bf18c0 rgb(191,24,192)
```

Triadic Color

#19c018
```
#19c018 rgb(25,192,24)
```
#18c0bf
```
#18c0bf rgb(24,192,191)
```
#bf18c0
```
#bf18c0 rgb(191,24,192)
```
#c01819
```
#c01819 rgb(192,24,25)
```

Tetradic Color

#107c7b
```
#107c7b rgb(16,124,123)
```
#129392
```
#129392 rgb(18,147,146)
```
#15a9a8
```
#15a9a8 rgb(21,169,168)
```
#18c0bf
```
#18c0bf rgb(24,192,191)
```
#1bd7d6
```
#1bd7d6 rgb(27,215,214)
```
#27e4e3
```
#27e4e3 rgb(39,228,227)
```
#3ee7e6
```
#3ee7e6 rgb(62,231,230)
```

Monochromatic Color

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

#18c095
```
#18c095 rgb(24,192,149)
```
#18c0a3
```
#18c0a3 rgb(24,192,163)
```
#18c0b1
```
#18c0b1 rgb(24,192,177)
```
#18c0bf
```
#18c0bf rgb(24,192,191)
```
#18b3c0
```
#18b3c0 rgb(24,179,192)
```
#18a5c0
```
#18a5c0 rgb(24,165,192)
```
#1897c0
```
#1897c0 rgb(24,151,192)
```

Similar Colors

Text with hexadecimal color #18c0bf

This text has a font color of #18c0bf.

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

#18c0bf background color

This paragraph has a background color of #18c0bf.

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

#18c0bf border color

This element has a border color of #18c0bf.

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

CSS codes

.text {color:#18c0bf;}

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

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

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 #eefdfd is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#021212
```
#021212 rgb(2,18,18)
```
#042323
```
#042323 rgb(4,35,35)
```
#073534
```
#073534 rgb(7,53,52)
```
#094646
```
#094646 rgb(9,70,70)
```
#0b5757
```
#0b5757 rgb(11,87,87)
```
#0d6968
```
#0d6968 rgb(13,105,104)
```
#0f7a7a
```
#0f7a7a rgb(15,122,122)
```
#118c8b
```
#118c8b rgb(17,140,139)
```
#149d9c
```
#149d9c rgb(20,157,156)
```
#16afae
```
#16afae rgb(22,175,174)
```
#18c0bf
```
#18c0bf rgb(24,192,191)
```
#1ad1d0
```
#1ad1d0 rgb(26,209,208)
```

Shade Color Variation

#1de3e2
```
#1de3e2 rgb(29,227,226)
```
#2ee5e4
```
#2ee5e4 rgb(46,229,228)
```
#3fe7e6
```
#3fe7e6 rgb(63,231,230)
```
#51e9e8
```
#51e9e8 rgb(81,233,232)
```
#62ebeb
```
#62ebeb rgb(98,235,235)
```
#74eeed
```
#74eeed rgb(116,238,237)
```
#85f0ef
```
#85f0ef rgb(133,240,239)
```
#97f2f1
```
#97f2f1 rgb(151,242,241)
```
#a8f4f4
```
#a8f4f4 rgb(168,244,244)
```
#b9f6f6
```
#b9f6f6 rgb(185,246,246)
```
#cbf8f8
```
#cbf8f8 rgb(203,248,248)
```
#dcfbfa
```
#dcfbfa rgb(220,251,250)
```
#eefdfd
```
#eefdfd rgb(238,253,253)
```

Tint Color Variation

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

#6b6d6d
```
#6b6d6d rgb(107,109,109)
```
#637575
```
#637575 rgb(99,117,117)
```
#5a7e7d
```
#5a7e7d rgb(90,126,125)
```
#528686
```
#528686 rgb(82,134,134)
```
#4a8e8e
```
#4a8e8e rgb(74,142,142)
```
#429696
```
#429696 rgb(66,150,150)
```
#399f9e
```
#399f9e rgb(57,159,158)
```
#31a7a6
```
#31a7a6 rgb(49,167,166)
```
#29afaf
```
#29afaf rgb(41,175,175)
```
#20b8b7
```
#20b8b7 rgb(32,184,183)
```
#18c0bf
```
#18c0bf rgb(24,192,191)
```
#10c8c7
```
#10c8c7 rgb(16,200,199)
```
#07d1cf
```
#07d1cf rgb(7,209,207)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#769898 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b0b7 Protanopia 1% of men
#b4adca Deuteranopia 1% of men
#36c1cf Tritanopia 0.001% of the population

Trichromacy

#79b5ba Protanomaly 1% of men, 0.01% of women
#7bb3c6 Deuteranomaly 6% of men, 0.4% of women
#2bc0c9 Tritanomaly 0.01% of the population

#18c0bf hex color

#18c0bf Color Information

#18c0bf Color Conversion

Color Schemes with #18c0bf

Alternatives to #18c0bf

#18c0bf Preview

Shades and Tints of #18c0bf

Tones of #18c0bf

Color Blindness Simulator