#18b2af hex color

In a RGB color space, hex #18b2af is composed of 9.4% red, 69.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 0% magenta, 1.7% yellow and 30.2% black. It has a hue angle of 178.8 degrees, a saturation of 76.2% and a lightness of 39.6%. #18b2af color hex could be obtained by blending #30ffff with #00655f. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 9
- G 70
- B 69
RGB color chart
- C 87
- M 0
- Y 2
- K 30
CMYK color chart

● #18b2af color description : Dark cyan.

The hexadecimal color #18b2af has RGB values of R:24, G:178, B:175 and CMYK values of C:0.87, M:0, Y:0.02, K:0.3. Its decimal value is 1618607.

Hex triplet	18b2af	`#18b2af`
RGB Decimal	24, 178, 175	`rgb(24,178,175)`
RGB Percent	9.4, 69.8, 68.6	`rgb(9.4%,69.8%,68.6%)`
CMYK	87, 0, 2, 30
HSL	178.8°, 76.2, 39.6	`hsl(178.8,76.2%,39.6%)`
HSV (or HSB)	178.8°, 86.5, 69.8
Web Safe	009999	`#009999`

CIE-LAB	65.848, -36.621, -9.028
XYZ	24.032, 35.128, 46.069
xyY	0.228, 0.334, 35.128
CIE-LCH	65.848, 37.717, 193.849
CIE-LUV	65.848, -49.949, -8.206
Hunter-Lab	59.269, -31.341, -4.597
Binary	00011000, 10110010, 10101111

#18b2af
```
#18b2af rgb(24,178,175)
```
#b2181b
```
#b2181b rgb(178,24,27)
```

Complementary Color

#18b262
```
#18b262 rgb(24,178,98)
```
#18b2af
```
#18b2af rgb(24,178,175)
```
#1868b2
```
#1868b2 rgb(24,104,178)
```

Analogous Color

#b26218
```
#b26218 rgb(178,98,24)
```
#18b2af
```
#18b2af rgb(24,178,175)
```
#b21868
```
#b21868 rgb(178,24,104)
```

Split Complementary Color

#b2af18
```
#b2af18 rgb(178,175,24)
```
#18b2af
```
#18b2af rgb(24,178,175)
```
#af18b2
```
#af18b2 rgb(175,24,178)
```

Triadic Color

#1bb218
```
#1bb218 rgb(27,178,24)
```
#18b2af
```
#18b2af rgb(24,178,175)
```
#af18b2
```
#af18b2 rgb(175,24,178)
```
#b2181b
```
#b2181b rgb(178,24,27)
```

Tetradic Color

#0f6f6d
```
#0f6f6d rgb(15,111,109)
```
#128583
```
#128583 rgb(18,133,131)
```
#159c99
```
#159c99 rgb(21,156,153)
```
#18b2af
```
#18b2af rgb(24,178,175)
```
#1bc8c5
```
#1bc8c5 rgb(27,200,197)
```
#1edfdb
```
#1edfdb rgb(30,223,219)
```
#33e3e0
```
#33e3e0 rgb(51,227,224)
```

Monochromatic Color

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

#18b289
```
#18b289 rgb(24,178,137)
```
#18b295
```
#18b295 rgb(24,178,149)
```
#18b2a2
```
#18b2a2 rgb(24,178,162)
```
#18b2af
```
#18b2af rgb(24,178,175)
```
#18a8b2
```
#18a8b2 rgb(24,168,178)
```
#189bb2
```
#189bb2 rgb(24,155,178)
```
#188fb2
```
#188fb2 rgb(24,143,178)
```

Similar Colors

Text with hexadecimal color #18b2af

This text has a font color of #18b2af.

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

#18b2af background color

This paragraph has a background color of #18b2af.

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

#18b2af border color

This element has a border color of #18b2af.

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

CSS codes

.text {color:#18b2af;}

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

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

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

#010505
```
#010505 rgb(1,5,5)
```
#031616
```
#031616 rgb(3,22,22)
```
#052827
```
#052827 rgb(5,40,39)
```
#083938
```
#083938 rgb(8,57,56)
```
#0a4a49
```
#0a4a49 rgb(10,74,73)
```
#0c5c5a
```
#0c5c5a rgb(12,92,90)
```
#0f6d6b
```
#0f6d6b rgb(15,109,107)
```
#117e7c
```
#117e7c rgb(17,126,124)
```
#138f8d
```
#138f8d rgb(19,143,141)
```
#16a19e
```
#16a19e rgb(22,161,158)
```
#18b2af
```
#18b2af rgb(24,178,175)
```
#1ac3c0
```
#1ac3c0 rgb(26,195,192)
```
#1dd5d1
```
#1dd5d1 rgb(29,213,209)
```

Shade Color Variation

#23e1de
```
#23e1de rgb(35,225,222)
```
#35e4e0
```
#35e4e0 rgb(53,228,224)
```
#46e6e3
```
#46e6e3 rgb(70,230,227)
```
#57e8e6
```
#57e8e6 rgb(87,232,230)
```
#69ebe8
```
#69ebe8 rgb(105,235,232)
```
#7aedeb
```
#7aedeb rgb(122,237,235)
```
#8befed
```
#8befed rgb(139,239,237)
```
#9cf2f0
```
#9cf2f0 rgb(156,242,240)
```
#aef4f3
```
#aef4f3 rgb(174,244,243)
```
#bff6f5
```
#bff6f5 rgb(191,246,245)
```
#d0f9f8
```
#d0f9f8 rgb(208,249,248)
```
#e2fbfb
```
#e2fbfb rgb(226,251,251)
```
#f3fdfd
```
#f3fdfd rgb(243,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6c6c is the less saturated color, while #01c9c5 is the most saturated one.

#5e6c6c
```
#5e6c6c rgb(94,108,108)
```
#567473
```
#567473 rgb(86,116,115)
```
#4e7c7b
```
#4e7c7b rgb(78,124,123)
```
#478382
```
#478382 rgb(71,131,130)
```
#3f8b8a
```
#3f8b8a rgb(63,139,138)
```
#379391
```
#379391 rgb(55,147,145)
```
#2f9b99
```
#2f9b99 rgb(47,155,153)
```
#28a2a0
```
#28a2a0 rgb(40,162,160)
```
#20aaa8
```
#20aaa8 rgb(32,170,168)
```
#18b2af
```
#18b2af rgb(24,178,175)
```
#10bab6
```
#10bab6 rgb(16,186,182)
```
#08c2be
```
#08c2be rgb(8,194,190)
```
#01c9c5
```
#01c9c5 rgb(1,201,197)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6e8d8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a4a9 Protanopia 1% of men
#a9a1ba Deuteranopia 1% of men
#35b3c0 Tritanopia 0.001% of the population

Trichromacy

#72a9ab Protanomaly 1% of men, 0.01% of women
#74a7b6 Deuteranomaly 6% of men, 0.4% of women
#2ab3ba Tritanomaly 0.01% of the population

#18b2af hex color

#18b2af Color Information

#18b2af Color Conversion

Color Schemes with #18b2af

Alternatives to #18b2af

#18b2af Preview

Shades and Tints of #18b2af

Tones of #18b2af

Color Blindness Simulator