#18b2ba hex color

In a RGB color space, hex #18b2ba is composed of 9.4% red, 69.8% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 4.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 183 degrees, a saturation of 77.1% and a lightness of 41.2%. #18b2ba color hex could be obtained by blending #30ffff with #006575. Closest websafe color is: #0099cc.

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

● #18b2ba color description : Strong cyan.

The hexadecimal color #18b2ba has RGB values of R:24, G:178, B:186 and CMYK values of C:0.87, M:0.04, Y:0, K:0.27. Its decimal value is 1618618.

Hex triplet	18b2ba	`#18b2ba`
RGB Decimal	24, 178, 186	`rgb(24,178,186)`
RGB Percent	9.4, 69.8, 72.9	`rgb(9.4%,69.8%,72.9%)`
CMYK	87, 4, 0, 27
HSL	183°, 77.1, 41.2	`hsl(183,77.1%,41.2%)`
HSV (or HSB)	183°, 87.1, 72.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.196, -33.263, -14.607
XYZ	25.157, 35.578, 51.993
xyY	0.223, 0.316, 35.578
CIE-LCH	66.196, 36.329, 203.707
CIE-LUV	66.196, -49.103, -17.539
Hunter-Lab	59.647, -29.096, -9.929
Binary	00011000, 10110010, 10111010

#18b2ba
```
#18b2ba rgb(24,178,186)
```
#ba2018
```
#ba2018 rgb(186,32,24)
```

Complementary Color

#18ba71
```
#18ba71 rgb(24,186,113)
```
#18b2ba
```
#18b2ba rgb(24,178,186)
```
#1861ba
```
#1861ba rgb(24,97,186)
```

Analogous Color

#ba7118
```
#ba7118 rgb(186,113,24)
```
#18b2ba
```
#18b2ba rgb(24,178,186)
```
#ba1861
```
#ba1861 rgb(186,24,97)
```

Split Complementary Color

#b2ba18
```
#b2ba18 rgb(178,186,24)
```
#18b2ba
```
#18b2ba rgb(24,178,186)
```
#ba18b2
```
#ba18b2 rgb(186,24,178)
```

Triadic Color

#18ba20
```
#18ba20 rgb(24,186,32)
```
#18b2ba
```
#18b2ba rgb(24,178,186)
```
#ba18b2
```
#ba18b2 rgb(186,24,178)
```
#ba2018
```
#ba2018 rgb(186,32,24)
```

Tetradic Color

#0f7176
```
#0f7176 rgb(15,113,118)
```
#12878d
```
#12878d rgb(18,135,141)
```
#159ca3
```
#159ca3 rgb(21,156,163)
```
#18b2ba
```
#18b2ba rgb(24,178,186)
```
#1bc8d1
```
#1bc8d1 rgb(27,200,209)
```
#22d9e3
```
#22d9e3 rgb(34,217,227)
```
#39dde5
```
#39dde5 rgb(57,221,229)
```

Monochromatic Color

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

#18ba9a
```
#18ba9a rgb(24,186,154)
```
#18baa7
```
#18baa7 rgb(24,186,167)
```
#18bab5
```
#18bab5 rgb(24,186,181)
```
#18b2ba
```
#18b2ba rgb(24,178,186)
```
#18a5ba
```
#18a5ba rgb(24,165,186)
```
#1897ba
```
#1897ba rgb(24,151,186)
```
#188aba
```
#188aba rgb(24,138,186)
```

Similar Colors

Text with hexadecimal color #18b2ba

This text has a font color of #18b2ba.

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

#18b2ba background color

This paragraph has a background color of #18b2ba.

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

#18b2ba border color

This element has a border color of #18b2ba.

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

CSS codes

.text {color:#18b2ba;}

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

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

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, #020c0c is the darkest color, while #fafefe is the lightest one.

#020c0c
```
#020c0c rgb(2,12,12)
```
#041c1e
```
#041c1e rgb(4,28,30)
```
#062d2f
```
#062d2f rgb(6,45,47)
```
#083e40
```
#083e40 rgb(8,62,64)
```
#0b4e52
```
#0b4e52 rgb(11,78,82)
```
#0d5f63
```
#0d5f63 rgb(13,95,99)
```
#0f6f75
```
#0f6f75 rgb(15,111,117)
```
#118086
```
#118086 rgb(17,128,134)
```
#149197
```
#149197 rgb(20,145,151)
```
#16a1a9
```
#16a1a9 rgb(22,161,169)
```
#18b2ba
```
#18b2ba rgb(24,178,186)
```
#1ac3cb
```
#1ac3cb rgb(26,195,203)
```
#1cd3dd
```
#1cd3dd rgb(28,211,221)
```

Shade Color Variation

#29dae3
```
#29dae3 rgb(41,218,227)
```
#3bdde6
```
#3bdde6 rgb(59,221,230)
```
#4ce0e8
```
#4ce0e8 rgb(76,224,232)
```
#5ee3ea
```
#5ee3ea rgb(94,227,234)
```
#6fe6ec
```
#6fe6ec rgb(111,230,236)
```
#80e9ef
```
#80e9ef rgb(128,233,239)
```
#92ecf1
```
#92ecf1 rgb(146,236,241)
```
#a3eff3
```
#a3eff3 rgb(163,239,243)
```
#b4f2f5
```
#b4f2f5 rgb(180,242,245)
```
#c6f5f8
```
#c6f5f8 rgb(198,245,248)
```
#d7f8fa
```
#d7f8fa rgb(215,248,250)
```
#e9fbfc
```
#e9fbfc rgb(233,251,252)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#617071
```
#617071 rgb(97,112,113)
```
#597879
```
#597879 rgb(89,120,121)
```
#517f81
```
#517f81 rgb(81,127,129)
```
#48868a
```
#48868a rgb(72,134,138)
```
#408e92
```
#408e92 rgb(64,142,146)
```
#38959a
```
#38959a rgb(56,149,154)
```
#309ca2
```
#309ca2 rgb(48,156,162)
```
#28a3aa
```
#28a3aa rgb(40,163,170)
```
#20abb2
```
#20abb2 rgb(32,171,178)
```
#18b2ba
```
#18b2ba rgb(24,178,186)
```
#10b9c2
```
#10b9c2 rgb(16,185,194)
```
#08c1ca
```
#08c1ca rgb(8,193,202)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6f8e90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a4b3 Protanopia 1% of men
#a4a2c4 Deuteranopia 1% of men
#2bb5c2 Tritanopia 0.001% of the population

Trichromacy

#71a9b5 Protanomaly 1% of men, 0.01% of women
#71a8c0 Deuteranomaly 6% of men, 0.4% of women
#24b4bf Tritanomaly 0.01% of the population

#18b2ba hex color

#18b2ba Color Information

#18b2ba Color Conversion

Color Schemes with #18b2ba

Alternatives to #18b2ba

#18b2ba Preview

Shades and Tints of #18b2ba

Tones of #18b2ba

Color Blindness Simulator