#18c0b9 hex color

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

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

● #18c0b9 color description : Strong cyan.

The hexadecimal color #18c0b9 has RGB values of R:24, G:192, B:185 and CMYK values of C:0.88, M:0, Y:0.04, K:0.25. Its decimal value is 1622201.

Hex triplet	18c0b9	`#18c0b9`
RGB Decimal	24, 192, 185	`rgb(24,192,185)`
RGB Percent	9.4, 75.3, 72.5	`rgb(9.4%,75.3%,72.5%)`
CMYK	88, 0, 4, 25
HSL	177.5°, 77.8, 42.4	`hsl(177.5,77.8%,42.4%)`
HSV (or HSB)	177.5°, 87.5, 75.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.451, -40.017, -7.689
XYZ	27.98, 41.393, 52.411
xyY	0.23, 0.34, 41.393
CIE-LCH	70.451, 40.749, 190.876
CIE-LUV	70.451, -54.035, -5.672
Hunter-Lab	64.338, -34.961, -3.263
Binary	00011000, 11000000, 10111001

#18c0b9
```
#18c0b9 rgb(24,192,185)
```
#c0181f
```
#c0181f rgb(192,24,31)
```

Complementary Color

#18c065
```
#18c065 rgb(24,192,101)
```
#18c0b9
```
#18c0b9 rgb(24,192,185)
```
#1873c0
```
#1873c0 rgb(24,115,192)
```

Analogous Color

#c06518
```
#c06518 rgb(192,101,24)
```
#18c0b9
```
#18c0b9 rgb(24,192,185)
```
#c01873
```
#c01873 rgb(192,24,115)
```

Split Complementary Color

#c0b918
```
#c0b918 rgb(192,185,24)
```
#18c0b9
```
#18c0b9 rgb(24,192,185)
```
#b918c0
```
#b918c0 rgb(185,24,192)
```

Triadic Color

#1fc018
```
#1fc018 rgb(31,192,24)
```
#18c0b9
```
#18c0b9 rgb(24,192,185)
```
#b918c0
```
#b918c0 rgb(185,24,192)
```
#c0181f
```
#c0181f rgb(192,24,31)
```

Tetradic Color

#107c77
```
#107c77 rgb(16,124,119)
```
#12938d
```
#12938d rgb(18,147,141)
```
#15a9a3
```
#15a9a3 rgb(21,169,163)
```
#18c0b9
```
#18c0b9 rgb(24,192,185)
```
#1bd7cf
```
#1bd7cf rgb(27,215,207)
```
#27e4dc
```
#27e4dc rgb(39,228,220)
```
#3ee7e0
```
#3ee7e0 rgb(62,231,224)
```

Monochromatic Color

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

#18c08f
```
#18c08f rgb(24,192,143)
```
#18c09d
```
#18c09d rgb(24,192,157)
```
#18c0ab
```
#18c0ab rgb(24,192,171)
```
#18c0b9
```
#18c0b9 rgb(24,192,185)
```
#18b9c0
```
#18b9c0 rgb(24,185,192)
```
#18abc0
```
#18abc0 rgb(24,171,192)
```
#189dc0
```
#189dc0 rgb(24,157,192)
```

Similar Colors

Text with hexadecimal color #18c0b9

This text has a font color of #18c0b9.

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

#18c0b9 background color

This paragraph has a background color of #18c0b9.

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

#18c0b9 border color

This element has a border color of #18c0b9.

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

CSS codes

.text {color:#18c0b9;}

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

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

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)
```
#094643
```
#094643 rgb(9,70,67)
```
#0b5754
```
#0b5754 rgb(11,87,84)
```
#0d6965
```
#0d6965 rgb(13,105,101)
```
#0f7a76
```
#0f7a76 rgb(15,122,118)
```
#118c87
```
#118c87 rgb(17,140,135)
```
#149d97
```
#149d97 rgb(20,157,151)
```
#16afa8
```
#16afa8 rgb(22,175,168)
```
#18c0b9
```
#18c0b9 rgb(24,192,185)
```
#1ad1ca
```
#1ad1ca rgb(26,209,202)
```

Shade Color Variation

#1de3da
```
#1de3da rgb(29,227,218)
```
#2ee5dd
```
#2ee5dd rgb(46,229,221)
```
#3fe7e0
```
#3fe7e0 rgb(63,231,224)
```
#51e9e3
```
#51e9e3 rgb(81,233,227)
```
#62ebe6
```
#62ebe6 rgb(98,235,230)
```
#74eee9
```
#74eee9 rgb(116,238,233)
```
#85f0eb
```
#85f0eb rgb(133,240,235)
```
#97f2ee
```
#97f2ee rgb(151,242,238)
```
#a8f4f1
```
#a8f4f1 rgb(168,244,241)
```
#b9f6f4
```
#b9f6f4 rgb(185,246,244)
```
#cbf8f7
```
#cbf8f7 rgb(203,248,247)
```
#dcfbf9
```
#dcfbf9 rgb(220,251,249)
```
#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 #07d1c8 is the most saturated one.

#6b6d6d
```
#6b6d6d rgb(107,109,109)
```
#637574
```
#637574 rgb(99,117,116)
```
#5a7e7c
```
#5a7e7c rgb(90,126,124)
```
#528684
```
#528684 rgb(82,134,132)
```
#4a8e8b
```
#4a8e8b rgb(74,142,139)
```
#429693
```
#429693 rgb(66,150,147)
```
#399f9b
```
#399f9b rgb(57,159,155)
```
#31a7a2
```
#31a7a2 rgb(49,167,162)
```
#29afaa
```
#29afaa rgb(41,175,170)
```
#20b8b1
```
#20b8b1 rgb(32,184,177)
```
#18c0b9
```
#18c0b9 rgb(24,192,185)
```
#10c8c1
```
#10c8c1 rgb(16,200,193)
```
#07d1c8
```
#07d1c8 rgb(7,209,200)
```

Tone Color Variation

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

#b3afb1 Protanopia 1% of men
#b6acc5 Deuteranopia 1% of men
#3bc0ce Tritanopia 0.001% of the population

Trichromacy

#7ab5b4 Protanomaly 1% of men, 0.01% of women
#7db3c0 Deuteranomaly 6% of men, 0.4% of women
#2ec0c6 Tritanomaly 0.01% of the population

#18c0b9 hex color

#18c0b9 Color Information

#18c0b9 Color Conversion

Color Schemes with #18c0b9

Alternatives to #18c0b9

#18c0b9 Preview

Shades and Tints of #18c0b9

Tones of #18c0b9

Color Blindness Simulator